CSS Box Shadow Generator

Visually design beautiful CSS box shadows. Adjust position, blur, spread, and opacity.

Horizontal Offset (10px)

Vertical Offset (10px)

Blur Radius (20px)

Spread Radius (0px)

Opacity (0.25)

Inset

Preview Element

CSS Code

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