CSS Shadow Generator

Create beautiful box-shadows visually and get the CSS code.

Settings

Adjust shadow properties.

Horizontal Offset10px

Vertical Offset10px

Blur Radius20px

Spread Radius0px

Opacity25%

Shadow Color

Inset Shadow

Preview

See your shadow in action.

Preview Box

CSS Code

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