Real-time shadow design

Craft the perfect box-shadow, visually.

Drag the sliders, watch the card react instantly, and copy production-ready CSS in one click.

Controls

Horizontal Offset 10px

Vertical Offset 12px

Blur Radius 30px

Spread Radius 0px

Shadow Opacity 25%

Border Radius 18px

Shadow Color

#0F172A

Background Color

#FFFFFF

Inset Shadow

shadow.css

box-shadow: 10px 12px 30px rgba(15,23,42,.25);