Here’s a cool technique I use to make a drop shadow effect without making a custom image. Which not only saves on file size but its cool 😉
-moz-box-shadow: 0 5px 10px #333333;
box-shadow: 0 5px 10px #333333;
-webkit-box-shadow: 0 5px 10px #333333;
/* For IE 8 */
-ms-filter: “progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=’#333333′)”;
/* For IE 5.5 – 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=’#333333′);
You can see it in action here on the wrap (outside border). Now that’s spiffy.
Leave a Reply