Box Shadow Generator

Build CSS box shadows visually with multiple layers, presets, and live preview. Copy the CSS instantly.

Preview box color

Presets

Shadow Layers

Layer 1

Horizontal Offset0px

Vertical Offset4px

Blur Radius10px

Spread Radius0px

Color

Opacity25%

Inset

Generated CSS

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