Squash
Real squash and stretch. Volume is conserved: as one axis grows the other shrinks.
Usage
Meant for
Examples
On a Button
Volume-conserving squash and stretch: every keyframe multiplies out to roughly the same area, which is why it reads as matter and not as a scale. It belongs on the moment of confirmation — the button that just saved — not on a resting control: without an attribute it loops, so give it data-wm="once" and restart it on the next save. Click it to save again.
The class is wm wm-squash — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.