how to animate the number change without the slot machine effect ?

so lets say the current number is 7 and the new value is 5 how to make the animation only move from 7 > 5 without the long list animation.

[coderitual]

Yea but it could be tricky if you want 1 round in the opposite direction (ie. From 6 to 7 with one whole round). Regarding custom function I was ment something more advanced than easing but maybe it would ve too complicated to customize. I will try to propose something. Also feel free to propose yourself if you have some idea or want to work on it. Just let me know to not duplicate our work 😃

[ctf0]

for the direction, it could be done on the fly by comparing the current value vs old, another note could be making bounty setting the old value to current value after each iteration, this way when the number changes while the animation is still going, you don’t get the sudden cut we currently have.

for the transition, could be a function or a simple css easing like the ones in http://easings.net/.