CSS Drop Shadows

Adding drop shadows to elements with CSS is fairly easy:

.shadow {
   box-shadow: 3px 3px 4px #000;
}

Theoretically, you just need the bottom declaration (box-shadow), but older browsers that don\’t fully support it utilize the other declarations.

The format for all of these is the same:

box-shadow:   x-offset   y-offset    shadow blur radius    color  ;

Drop Shadow Transparency

box-shadow:5px 5px 5px rgba(0,0,0,0.3);