Tool

Shadow Studio

The premium shadow look is never one blur — it's several stacked layers falling off smoothly. Set a light angle, lift the element, and get a tasteful multi-layer stack instantly, or hand-tune every layer. Preview it on a real card over a light or dark stage, then copy paste-ready CSS, a Tailwind v4 class, or a drop-shadow filter.

Presets

RestingFloatingLiftedCrispLong lightSoft UI

Mode

Angle0°

Where the light sits — the shadow falls opposite.

Elevation48Softness60Intensity50%Layers5

Tint

Preview

Radius20px

Element

Stage

Animate float

.elevated {
  border-radius: 20px;
  box-shadow:
    0px 1.7px 1.9px 0px rgba(11, 18, 32, 0.079),
    0px 5.9px 6.5px 0px rgba(11, 18, 32, 0.068),
    0px 12.3px 13.5px 0px rgba(11, 18, 32, 0.057),
    0px 20.6px 22.7px 0px rgba(11, 18, 32, 0.046),
    0px 30.8px 33.9px 0px rgba(11, 18, 32, 0.035);
}