CSS Box Shadow Generator
Design CSS box shadows with a live preview.
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);Adjust offset, blur, spread, color and opacity to craft a box-shadow and copy the CSS.
How to use
- Drag the sliders to shape the shadow.
- Pick a color and opacity.
- Copy the CSS.
Frequently asked questions
- What does inset do?
- It draws the shadow inside the element instead of outside.
- Can I layer shadows?
- Yes, combine multiple box-shadow values separated by commas by hand.