Pinch Fill
Two halves closing from top and bottom. Cheaper than a sweep and far more distinctive.
Usage
Meant for
Examples
On a Button
Hover it. Two halves closing from top and bottom. Cheaper than a sweep and far more distinctive; the label stays put while the fill arrives, so nothing reflows. A 250 ms transition in, 150 ms out, only where the device really hovers (and on keyboard focus).
The class is wm wm-pinch-fill — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.