Box Shadow Generator

Dial in offset, blur, spread and color with a live preview, then copy the CSS box-shadow.

Offset X0px

Offset Y10px

Blur25px

Spread-5px

Opacity25%

Color

Inset

CSS

box-shadow: 0px 10px 25px -5px rgba(26, 26, 26, 0.25);

Adjust the sliders and the preview and CSS update live. The color picker and opacity combine into an rgba() value. All local.