Box Shadow Generator

Generate CSS box-shadow with visual preview.

X Offset: 5

Y Offset: 5

Blur: 15

Spread: 0

Color

Inset

box-shadow: 5px 5px 15px 0px #00000040;

Frequently Asked Questions

What does spread do?

Spread expands or contracts the shadow.

Share:

Related Tools

CSS Gradient Generator

Create beautiful CSS gradients visually.

Border Radius Previewer

Preview and generate CSS border-radius.

Text Shadow Generator

Create CSS text-shadow effects with live preview.

CSS Filter Playground

Experiment with CSS filters: blur, brightness, contrast, grayscale.