Animated counter is vary useful on dashboard, and implement it with javascript (requestAnimationFrame can be use for performance reasons) is not hard.
But what about a pure CSS solution? It can be done long ago using animation-timing-function: steps(X)
, but the code is verbose and supported range of numbers are very limited.'
With recently supported CSS.registerProperty and @property we could finally animate CSS variables.
@property --num {