Free CSS Shadow Generator

Create smooth, modern shadows for your UI in seconds. Customize blur, spread, color, and offset, then copy the ready-to-use CSS box-shadow code instantly. Perfect for designers and developers who want clean, professional shadows with zero effort.

CSS

box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);

-webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);

-moz-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);

Box Shadow Options

Horizontal Shadow Length 0px

Vertical Shadow Length 0px

Blur Radius 10px

Spread Radius 10px

Color

Opacity