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

Each avatar lifts and comes forward in turn. The z-index changes with the lift, so the raised one is never behind its neighbour.

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