Box Shadow Generator
Adjust sliders for a live preview. Copy the CSS. All in your browser.
0px
4px
12px
0px
0.2
Try it with this example
Drag the offset Y and blur sliders to see the shadow change. Click Copy CSS to get the box-shadow rule.
What is this tool?
How do I create a CSS box shadow? Use sliders for offset X/Y, blur, spread, color, and opacity. See a live preview and copy the CSS. Pairs with Gradient Generator and Border Radius. All client-side.