Skip to content
All effectsKPI

Echo Trail

Four copies at staggered delays leave a trail behind the real one.

Pure CSSKPIPro

Usage

+248+248+248+248

Meant for

KPINumber ValueTrend Chip

Examples

On a KPI

Copies at staggered delays leave a trail behind the real figure. The last child is the real element; every child before it is an echo, fading further back — mark the echoes aria-hidden so the number is read once.

New signups+24812%vs last week

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