Skip to content
All effectsAvatar

Speed Roll

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

Pure CSSAvatarPro

Usage

Meant for

AvatarBadgeSpinner

Examples

On a Avatar

The blur is what sells the speed. Without it this is just a spin that happens to travel — try commenting the filter out to see how much work it is doing. It loops here so you can watch it; on a real arrival add data-wm="once" and it plays a single time and holds.

NF

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