← Library
Essentials
Counter Wipe Stats
Figures roll to their target on an ease-out curve while a specular highlight sweeps the row once. Settles hard — no infinite loop.
- Difficulty
- Standard
- Credits saved
- ~90
- Access
- Free
Technique
rAF counter with easeOutExpo, started by IntersectionObserver. A single gradient element sweeps translateX(-120% → 220%) once, 900ms, then unmounts.
Choreography spec
none — observer triggered
- on entercounters roll on easeOutExpo, 1200ms
- +120msspecular sweep crosses the row once, then unmounts
Reversibility
Deliberately one-shot — re-counting on every pass looks cheap.
Reduced motion
Final figures rendered immediately, no sweep.
counter-wipe-stats.prompt
Build a "counter-wipe-stats" section for my landing page. TECHNIQUE rAF counter with easeOutExpo, started by IntersectionObserver. A single gradient element sweeps translateX(-120% → 220%) once, 900ms, then unmounts. SPEC ██████████████████████████████████████████████ ██████████████████████████████████████ ████████████████████████████████████████████████████ RULES ████████████████████████████████████████████ ██████████████████████████████████████████████████
Full prompt copies straight to your clipboard.
Counter wipe stats
0+
Credits saved per build
0
Set pieces in the library
0fps
Composited on the GPU
0%
Reversible choreography