counter

name	counter
description	Digits roll like an odometer up to the target number — a satisfying stat reveal on view. One or two key numbers per view. Under prefers-reduced-motion the final number shows instantly.
triggers	["counter","odometer","number roll","数字滚动","里程表"]
od	{"mode":"prototype","surface":"web","platform":"desktop","category":"animation-motion","preview":{"type":"html"},"design_system":{"requires":false}}

counter

Counter Roll Dependency-free, reduced-motion safe.

How to apply

Copy css+js; <span class="counter" data-to="1280">1280</span>.