Smooth Shadows

Layer multiple shadows to create natural, dreamy elevation.

Layers

6

Alpha

7%

Distance

100px

Blur Strength

80px

Spread

-20px

Colors

#000000
#ffffff
CSS Output
box-shadow: 0px 2.8px 2.2px -3.3px rgba(0, 0, 0, 0.07),
  0px 11.1px 8.9px -6.7px rgba(0, 0, 0, 0.07),
  0px 25.0px 20.0px -10.0px rgba(0, 0, 0, 0.08),
  0px 44.4px 35.6px -13.3px rgba(0, 0, 0, 0.08),
  0px 69.4px 55.6px -16.7px rgba(0, 0, 0, 0.08),
  0px 100.0px 80.0px -20.0px rgba(0, 0, 0, 0.08);