CSS Box Shadow Generator
Design box shadows with a live preview and copy the CSS.
box-shadow: 0px 12px 30px -6px rgba(0, 0, 0, 0.25);How it works
- Adjust the sliders.
- Watch the preview.
- Copy the CSS.
FAQ
What is the box-shadow syntax?
box-shadow: x-offset y-offset blur spread color; add 'inset' for inner shadows.
How do I make a soft shadow?
Use a large blur, small offset and low opacity color.
Can I stack shadows?
Yes, separate multiple shadows with commas.