CSS box-shadow generator
Design CSS shadows by adjusting offset, blur, spread, and color.
box-shadow: 0px 12px 30px -8px rgba(15, 23, 42, 0.25);How it works
Adjust the horizontal and vertical offsets, blur, spread, color, and opacity. The box-shadow code updates in real time.
Frequently asked questions
Can I create an inner shadow?
Yes. Enable inset to make the shadow appear inside the element.
What code does it generate?
Generate a CSS box-shadow declaration ready to copy.