🌓 Box Shadow Generator

Visually build CSS box-shadow values with live preview.

Horizontal Offset 0px

Vertical Offset 4px

Blur Radius 12px

Spread Radius 0px

Color

Opacity 25%

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

CSS Box Shadow

The box-shadow property adds shadow effects around an element's frame. You can set multiple comma-separated shadows. The syntax is: box-shadow: [inset] x y blur spread color;

Inset shadows are drawn inside the box, useful for creating pressed or sunken effects.