CSS Box Shadow Generator
Creates CSS box-shadow code visually.
Lilu Baba's CSS Box Shadow Generator lets you dial in offset, blur, spread and color, with an instant live preview of the shadow effect.
How to use this tool
- Adjust the offset, blur, spread and color.
- The CSS box-shadow code and live preview update instantly.
FAQ
CSS Box Shadow Generator — frequently asked questions
Positive values expand the shadow's size in all directions beyond the blur; negative values shrink it.
This generator creates standard outer shadows; add "inset" manually before the color in the generated code for an inset shadow.