Box Shadow Tester

Visualize and fine-tune CSS box shadows easily.

Box Shadow Designer

box (px)
radius (px)

Layers

order matters (top = first)
Color
Opacity25%
Tip: big blur + small spread gives soft elevation; negative spread creates tighter, darker edges.

Preview

Generated

.shadow-box { box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.25); }