Box Shadow Generator

Create layered CSS shadows natively through visual controls and export the exact styling string for your projects.

Live Preview

Box:Bg:

CSS Output

box-shadow: 0px 12px 24px -4px rgba(0, 0, 0, 0.25),
  0px 4px 8px -2px rgba(0, 0, 0, 0.1);

Shadow Layers

X Offset0px

Y Offset12px

Blur Content24px

Spread Radius-4px

Opacity25%

Shadow Color

#000000

Position