CSS Box Shadow Generator
Generate CSS box-shadow declarations visually — nothing is uploaded.
4px
4px
10px
0px
CSS Output
Create CSS box shadows online
Adjust the horizontal and vertical offset, blur radius, spread, color, and inset toggle to craft the perfect shadow. The CSS output updates live so you can copy it straight into your stylesheet.
Everything runs locally in your browser — your work never leaves your machine.
FAQ
Can I use multiple shadows? Yes — copy the generated value and separate multiple values with a comma in your CSS.
Is my data sent anywhere? No — everything happens in your browser.