Drop shadow with CSS for all web browsers

Drop shadow with CSS for all web browsers

Very simple and effective css snippet presented below.

[javascript]

.shadow {
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: &”progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=’#000000′)&”;
/* For IE 5.5 – 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=’#000000′);
}

[/javascript]

The shadow is black (#000). If you need another color you should change the #000.

Enjoy it!