CSS Shadow Generator

Visually adjust multi-layered box-shadows, and instantly generate soft, modern, and premium card shadow CSS code.

Shadow Layers
X Offset0px
Y Offset1px
Blur Radius2px
Spread Radius0px
Opacity5%
Shadow Color
Inset
Shadow Preview
CSS Code
box-shadow:
  0px 1px 2px 0px rgba(0, 0, 0, 0.05),
  0px 4px 8px -2px rgba(0, 0, 0, 0.08),
  0px 12px 24px -4px rgba(0, 0, 0, 0.12);

CSS Shadow Generator

Visually adjust multi-layered box-shadows, and instantly generate soft, modern, and premium card shadow CSS code.

FAQ