CSS Box Shadow Generator

Build multi-layer shadows visually. Adjust sliders, pick colours, apply presets — copy the CSS in one click.

Presets

0px 4px 12px 0px

Horizontal Offset 0px

Vertical Offset 4px

Blur Radius 12px

Spread Radius 0px

Colour

Opacity 20%

Inset shadow

Background

box-shadow: 0px 4px 12px 0px #00000033;

Full rule:

.element {
  box-shadow: 0px 4px 12px 0px #00000033;
}