simpleminitools.com LogoSimple Mini Tools

CSS Box Shadow Generator

Create CSS box-shadow declarations using interactive sliders for horizontal offset, vertical offset, blur radius, spread radius, color, opacity, and inset mode. The live preview card updates instantly so you can see exactly what your shadow will look like before copying the CSS.

Ad Space
CSS Output
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.30);
Shadow Color
#000000
Ad Space

Frequently Asked Questions

Related Tools