Skip to content

AvatarPro

4 effects for the avatar family · every one loops · pure CSS unless a card says otherwise

The previews are open to everyone; the code of these effects comes with WunderUI Core and Pro.

AKTSLRMB+9

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.

Pure CSSAvatar
WUNDERMOTION · WUNDERMOTION ·

Text on an SVG path, turning slowly. One rotation on the whole SVG; the letters do the rest.

Pure CSSAvatar

Two dashed rings turning at different speeds in opposite directions, each carrying a dot. Rotation on the ring, not on the dot.

Pure CSSAvatar

The blur is what sells the speed; without it, it is just a spin.

Pure CSSAvatar