Developer Tools
CSS Box Shadow Generator
🔒 Runs in your browser
Generate CSS box-shadow with live preview. Control offset, blur, spread, colour, and opacity. Stack multiple layers. Copy ready-to-paste CSS instantly.
Presets
Shadow
#000000
Live preview
Background
CSS output
box-shadow: 4px 8px 24px 0px rgba(0, 0, 0, 0.15);
How to Create a CSS Box Shadow (2026)
How to Create a CSS Box Shadow — free online tool and guide with examples.