Home/css/Box Shadow Generator

Box Shadow Generator

Create and customize CSS box shadows with live preview.

Horizontal Offset: 0px

Vertical Offset: 10px

Blur Radius: 25px

Spread Radius: 0px

Color

Opacity: 0.30

Inset (inner shadow)

Presets

CSS Code

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

🔒 Your data never leaves your browser - all processing happens locally

Related Tools

Create CSS gradients

Pick and convert colors

Generate border radius CSS