Box Shadow Generator
Tune offset, blur, spread, colour and opacity with sliders, see the shadow live on the preview box, and copy ready CSS.
Preview box
How to use
- Move the sliders to design the shadow on the preview box.
- Toggle inset for an inner shadow.
- Copy the CSS and paste it into your stylesheet.
Note: The colour is output as rgba so the opacity slider is preserved exactly in the copied code.