CSS Shadow Generator
Generate CSS box-shadow values with live preview
cssshadowgenerator
Shadow Layers
Layer 1
X: 0px
Y: 4px
Blur: 6px
Spread: -1px
Layer 2
X: 0px
Y: 2px
Blur: 4px
Spread: -2px
CSS Code
box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1), 0px 2px 4px -2px rgba(0,0,0,0.1);
About CSS Shadow Generator
CSS Shadow Generator is a free, browser-based developer tool. Generate CSS box-shadow values with live preview. All processing happens entirely in your browser — no data is sent to any server, and no account is required.
🔒
100% Private
Runs in your browser
⚡
Instant Results
No server round-trips
🎁
Free Forever
No signup required