Depth Fade
A masked backdrop-filter. The mask is what makes the blur ramp instead of cutting.
Usage
Read more
Meant for
Examples
On a Card
A masked backdrop-filter over the card's image. The mask is what makes the blur ramp instead of cutting off at a hard line — remove it and the caption strip looks pasted on.
The class is wm wm-depth-fade — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.