B2B Marketing Insights by Ironpaper

Structure of CSS3 Drop Shadow for Web Designers

Written by Ironpaper | October 06, 2012

CSS3 is awesome. CSS3 drop shadows are used in casting shadows off block-level elements like divs. We are looking forward to the day obsolete Internet Explorer versions are diluted in the market and more contemporary browsers are the all we need to think about. Fortunately, mobile smart phones are making this a reality, as mobile is a huge growth area for the web.

Some web designers may need a simple cheat sheet for CSS3 Drop Shadow structure. We have created a little chart to help.

As an example, here is the code for a drop shadow element.

.CSSshadow {
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 3px 3px 5px 6px #ccc;
}