CSS Box Shadow Generator

Generate CSS box-shadow properties visually. Free online box shadow generator with live preview and sliders for all parameters.

Offset X: 4px

Offset Y: 4px

Blur: 12px

Spread: 0px

Color

Opacity: 25%

Inset

box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.25);

Frequently Asked Questions

Can I create multiple shadows?

This tool generates a single box-shadow. You can combine multiple shadows by editing the CSS output manually.