CSS Box Shadow Generator

Create CSS box shadows visually with live preview. Adjust offset, blur, spread, color and opacity. Multiple shadows support. Free box shadow maker.

Preview

Horizontal Offset: 10px

Vertical Offset: 10px

Blur Radius: 30px

Spread Radius: 0px

Opacity: 0.2

Color

Inset

Presets

CSS Code

Ad Space

Free CSS Box Shadow Generator

Create CSS box shadows visually with real-time preview. Control offset, blur, spread, color and opacity. Includes popular shadow presets from Material Design and Tailwind CSS.