CSS box shadow generator

Design beautiful box shadows effortlessly with our free CSS Box Shadow Generator. Customize shadow size, color, and position for modern UI elements.

Box

Circle

Header

Horizontal offset

3px

Vertical offset

3px

Blur

10px

Spread

3px

Background color

Box color

Shadow color

Inset

-webkit-box-shadow: 3px 3px 10px 3px #dddddd;
-moz-box-shadow: 3px 3px 10px 3px #dddddd;
box-shadow: 3px 3px 10px 3px #dddddd;