CSS3 Click Chart | CSS3 Browser Support and Information

Box Shadow

Creates a drop-shadow effect on an element.

Specification

Example Code

.element {
    -webkit-box-shadow: #000 5px 5px 10px 3px inset;
    -moz-box-shadow: #000 10px 10px 10px 3px inset; /* color, h-offset, v-offset, blur, spread */
    box-shadow: #000 10px 10px 10px 3px inset; /* inset is optional */
}

Live Demonstration

This box has a drop shadow.

Desktop Browser Support

Standard Syntax:
IE9+, Firefox 4+, Chrome 10+, Safari 5.1+, Opera 10.5

Vendor Prefix:
Firefox 3.5 - 3.6, Chrome 4 - 9, Safari 3.1 - 5.0

Tools / Polyfills

cssSandpaper
ie-css3
CSS3 PIE

Tutorials / Articles

CSS3 box-shadow in IE6-8 Without JavaScript