This is simple stuff, but good code to keep handy. This covers all current major browsers and add backward compatibility for ie. The first number is horizontal shift (right is positive), 2nd number is verticle shift (down is positive), 3rd is radial blur and forth is, in this case hexadecimal color (#3d424d is a dark blue). The direction is degrees clock-wise from 12 o’clock.
0 1 2 3 4 5 6 7 8 9 10 | .dropshadow { -moz-box-shadow: 5px 5px 4px #3d424d; -webkit-box-shadow: 5px 5px 4px #3d424d; box-shadow: 5px 5px 4px #3d424d; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=225, Color='#3d424d')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=225, Color='#3d424d'); } |