Shadow Studio

Visually design and export perfect CSS box-shadows.

Presets

Offsets

X: 0pxY: 10px

-100Horizontal100

-100Vertical100

Appearance

Blur Radius20px

Spread Radius0px

Opacity20%

Shadow Color

#000000

Inset Shadow

Preview

CSS Output

box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);

Tailwind Class

shadow-[0px_10px_20px_0px_rgba(0,0,0,0.2)]