headerIMG

B2B Articles - October 06, 2012

Structure of CSS3 Drop Shadow for Web Designers

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;
}

CSS3 drop shadow structure - graphic cheat sheet

Tel 212-993-7809  

Ironpaper ®
10 East 33rd Street 
6th Floor
New York, NY 10016
Map

Ironpaper - B2B Agency

B2B Marketing and Growth Agency.

Grow your B2B business boldly. Ironpaper is a B2B marketing agency. We build growth engines for marketing and sales success. We drive demand generation campaigns, ABM programs, B2B content, sales enablement, qualified leads, and B2B marketing efforts. 

Ironpaper Twitter Ironpaper Linkedin