Number roll
Also called: odometer, rolling counter, digit roll.
When a number changes, each digit slides up like a wheel to the new value, like a car's mileage counter.
Old digits slide up and out while new ones slide in, like a car's mileage counter.
4
5
5
4
5
5
4
5
5
4
5
5
48,120
Say it in a prompt
Animate the counter as a number roll: each digit is a vertical strip of 0-9 that slides to its new digit in 600ms (transform only), using tabular numbers so nothing shifts. Seen on
- Stripe: A live number above the hero headline changes by sliding old digits out and new digits in from below.
You might describe it as
- the number at the top that keeps ticking up with digits rolling
- digits spin like a slot machine
- counter that rolls to the new number
Not to be confused with
- Tabular numbers
A number roll animates each digit; tabular numbers just keep every digit the same width.