CSS Box Shadow Generator

Free

Visual CSS box shadow builder with multiple layers. Preview updates in real time.

Presets

Layers

0px 4px 15px 0px rgba(0,0,0,0....

Layer Settings

Color

Options

Horizontal offset0px

Vertical offset4px

Blur radius15px

Spread radius0px

Opacity20%

Background:

Box color:

Radius: 12px

CSS

Property value

0px 4px 15px 0px rgba(0,0,0,0.20)

Full declaration

box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.20);

Tailwind arbitrary

shadow-[0px 4px 15px 0px rgba(0,0,0,0.20)]

Reviews