CSS Shadow Generator

Build a copy-ready box-shadow declaration with a live preview.

X offset

Y offset

Blur

Spread

Shadow color

CSS colors, including alpha such as #00000033.

Inset shadow

Preview

Generated CSS

CSS · 1 line

box-shadow: 0px 8px 24px 0px #00000033;