CSS BOX SHADOW GENERATOR

Shape a shadow, copy the code.

Adjust offset, blur, spread and color, and get the exact CSS.

Offset X

Offset Y

Blur

Spread

Color

Opacity

Inset (inner shadow)

How to use this

Drag the sliders to shape the shadow, pick a color, and toggle inset for an inner shadow effect. Copy the generated CSS straight into your stylesheet.