Skip to content
All effectsOverlays

Whirl

Half a turn while it grows from 90%, so it reads as arriving rather than growing. In over 450 ms, never from nothing.

Pure CSSOverlaysPro

Usage

Meant for

DialogCardBadge

Examples

On a Card

Half a turn while it grows from 90%, so it reads as arriving rather than growing — never from nothing. 450 ms, then it holds. Right for a moment worth celebrating, not for every card.

Achievement
100 runs shipped

The class is wm wm-whirl — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.