▣

Box Shadow Generator

Layer CSS box-shadows with live preview — offset, blur, spread, inset.

● runs in your browser

preview border-radius · 16px

shadow layers

Layer 1 inset

x · 0px

y · 8px

blur · 24px

spread · -4px

opacity · 25%

CSS

box-shadow: 0px 8px 24px -4px rgba(26, 26, 46, 0.25);

Layer multiple shadows, toggle inset, tune offset/blur/spread/opacity. Runs in your browser.