Shadow spread

Spread changes the size of a shadow before it is blurred. The example shows small, medium and large spread on the same square.

A positive spread makes the shadow larger than the element in every direction. A negative spread makes it smaller, which is handy for a shadow that only peeks out underneath.

In CSS, spread is the fourth value in box-shadow: offset x, offset y, blur, spread, then color.