Quick CSS Tip: Drop Shadow
Add a drop shadow to your boxes using CSS
The box-shadow CSS property accepts one or more shadow effects as a comma-separated list. It allows to cast a drop shadow from the frame of almost any arbitrary element. If a border-radius is specified on the element with a box shadow, the box shadow will take on the same rounded corners. The z-ordering of multiple box shadows is the same as multiple text-shadows (the first specified shadow is on top).
Example Box:
-moz-box-shadow: 10px 5px 5px black;
-webkit-box-shadow: 10px 5px 5px black;
box-shadow: 10px 5px 5px black;
-moz-box-shadow: 10px 5px 5px black;
-webkit-box-shadow: 10px 5px 5px black;
box-shadow: 10px 5px 5px black;
More information: -moz-box-shadow
( of course this doesn’t work with IE. O_o )
1 Notes/ Hide
-
hamdanih reblogged this from blogoklahoma
-
blogoklahoma posted this
