---
title: Structure of CSS3 Drop Shadow for Web Designers
description: Structure of CSS3 Drop Shadow for Web Designers
---

[B2B Marketing Insights by Ironpaper ](https://www.ironpaper.com/webintel)

# [Structure of CSS3 Drop Shadow for Web Designers](https://www.ironpaper.com/webintel/articles/structure-of-css3-drop-shadow-for-web-designers)

 Written by [Ironpaper](https://www.ironpaper.com/webintel/author/admin) | 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;  
>  }

[View full post](https://www.ironpaper.com/webintel/articles/structure-of-css3-drop-shadow-for-web-designers)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Ironpaper"
  },
  "dateModified" : "2021-05-29T23:01:15.450Z",
  "datePublished" : "2012-10-06T04:00:00Z",
  "headline" : "Structure of CSS3 Drop Shadow for Web Designers",
  "image" : {
    "@type" : "ImageObject",
    "height" : 482,
    "url" : "https://www.ironpaper.com/hubfs/Imported_Blog_Media/CSS3-dropshadow-cheat-1.gif",
    "width" : 426
  },
  "mainEntityOfPage" : "https://www.ironpaper.com/webintel/articles/structure-of-css3-drop-shadow-for-web-designers",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60.0,
      "url" : "https://www.ironpaper.com/hs-fs/hub/281355/file-241997171.png",
      "width" : 169.12752
    },
    "name" : "B2B Marketing Insights"
  }
}
```