Box Shadow Generator

CSS Tools

Visually build CSS box shadows with a live preview.

Horizontal4px

Vertical4px

Blur10px

Spread0px

Color

Inset

box-shadow: 4px 4px 10px 0px #00000040;

Quick Tip — Drag the sliders to adjust the shadow. The CSS output updates in real time.