Polish & Effects · Small finishing touches
Number ticker数字滚动
- tangible
- responsive
- clear
The number rolls quickly from the old value to the new one instead of jumping, so the size of the change is visible.
When to use it
Use it for stats, balances and scores; if the number changes many times per second, skip it or it smears.
Parameters
600ms · ease-out · tabular-nums keeps width stable
Recipe
Number ticker → 600ms ease-outNumber ticker → tabular-nums keeps width stable
One sentence for your AI
Animate this stat from its old value to the new one over 600ms ease-out, using tabular-nums so the width stays stable.