PixelDock
Home/CSS tools/Box shadow

Box shadow generator

Layer soft shadows with precise control.

Live preview

Preview styling and sample content are not included in your CSS.

CSS output

How to use Box shadow

Stack up to six shadows. Each layer has its own offset, blur, spread, opacity and inset setting. The preview background is not included in your CSS.

The generated selector is an example. Rename it to match your markup. Shapes, shadows, gradients and rounded corners need an element with dimensions or content.