(08)Digital · Tools
CSS Shadow Generator
Shape a CSS box-shadow visually — offset, blur, spread, opacity and inset — on light or dark, then copy the code.
- Free forever
- No sign-up
- Runs in your browser
Presets
Type
Preview
Good to know
How it works
Soft, realistic shadows usually pair a larger blur with a low opacity and a small vertical offset. Start from a preset and adjust.
Everything happens on your device. Nothing you enter is uploaded, stored or tracked.