Box Shadow CSS Generator

Create beautiful shadows. Preview instantly. Copy or download CSS.

box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.18);

X offset: 0

-50 to 50

Y offset: 12

-50 to 50

Blur: 24

0 to 120

Spread: 0

-30 to 30

Opacity: 0.18

0 to 1

Color

Pick the shadow color.

Card

Tip: Increase blur and lower opacity for modern shadows.