CSS Click Chart

Box Shadow

Creates a drop-shadow effect on an element.

Specification

Box Shadow on W3C

Example Code

/* color, h-offset, v-offset, blur, spread, inset (optional) */

.element {
  box-shadow: #000 10px 10px 10px 3px inset;
}

Live Demonstration

This box has a drop shadow.

Browser Support

Can I Use css-boxshadow? Data on support for the box-shadow feature across the major browsers from caniuse.com.

Tools / Polyfills

Tutorials / Articles