Drop Shadow Spread

The drop-shadow-spread parameter grows or shrinks the shadow’s shape before the blur is applied, exactly as the spread value of the CSS box-shadow property does. It takes pixels from -100 to 100 and defaults to 0.

A positive value makes the shadow larger than the subject, which reads as a heavier or more distant shadow. A negative value pulls it in, which tightens a shadow that would otherwise spill past the subject.

drop-shadow-spread is read only by drop-shadow-type flat and inset. Values outside the range are clamped.

Spread adds to how far the canvas grows, on top of the blur.

Edit in Sandbox

Edit in Sandbox