Skip to content
All effectsButton

Pinch Fill

Two halves closing from top and bottom. Cheaper than a sweep and far more distinctive.

Pure CSSButton

Usage

Confirm

Meant for

ButtonToggle

Examples

On a Button

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.

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.