Shadow blur

Blur controls how soft a shadow’s edge is. The example shows the same square with low, medium and high blur.

With little or no blur, you get a hard shadow. As blur increases, the edge fades more gradually and the shadow spreads over a larger, lighter area.

Blur also affects how high an element seems. A larger blur usually makes an element look further from the surface below it.