Box Shadow Generator

Tune offset, blur, spread, color and inset with a live preview — copy the CSS.

Offset X: 0px

Offset Y: 8px

Blur: 24px

Spread: 0px

CSS

box-shadow: 0px 8px 24px 0px #00000099;

About this tool

The output is a single box-shadow value you can paste into any stylesheet. Presets match common UI patterns (card, raised, floating, inner glow). All rendering is local.