Box Shadow Generator

Build a box-shadow declaration with live preview. Adjust offset, blur, spread, color, and inset.

Shadow

Offset X0px

Offset Y12px

Blur24px

Spread0px

Color

Opacity25%

Inset shadow

Live preview of the CSS you are building. Adjust the controls to see changes instantly.

Copy the declaration into your stylesheet or inline style attribute.

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