Avatar Row
A wave through the group: each avatar rises 4px over 250 ms, holds for 300 ms and settles back, 110 ms behind the one before. The stacking never changes, so no overlapping edge pops.
Usage
Meant for
Examples
On a Avatar Group
Point at the group. A wave runs through it: each avatar rises 4px over 250 ms, holds for 300 ms and settles back, the next one 110 ms behind. The stacking order never changes — avatars overlap, and a z-index switch would swap the shared edge in one frame — so each one rises from under its neighbour. Avatar groups sit in lists and on cards, so it runs with data-wm="hover": the wave plays only while the group is pointed at (the preview above shows it on a loop). The stagger comes from each child's position, so AvatarGroup needs no style per avatar.
The class is wm wm-avatar-row — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.