CSS Drop Shadows

Adding drop shadows to elements with CSS is fairly easy:

.shadow {
         -moz-box-shadow: 3px 3px 4px #000;
         -webkit-box-shadow: 3px 3px 4px #000;
         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

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