CSS Tool

Box Shadow Generator

Visually design layered CSS box shadows with live preview and one-click code export. No sign-up, runs entirely in your browser.

Background

Box Color

Radius12px

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

Layer 1 0px 4px 10px 0px

Horizontal Offset0px

Vertical Offset4px

Blur Radius10px

Spread Radius0px

Opacity20%

Shadow Color

#000000

Inset Shadow

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