Shadow and radius

Build CSS box shadows and border radii visually and copy the CSS.

Shadow preview

Box width

Box height

Box colour

Background colour

Box shadow

Presets

Layer 1

X offset

Y offset

Blur

Spread

Colour

Opacity

Inset

Border radius

Unit

Same for all cornersElliptical corners

All corners

Write as custom properties

CSS

box-shadow: 0 4px 12px rgb(0 0 0 / 0.15);
border-radius: 12px;

Paste CSS

A box-shadow, a border-radius, or a rule with either.