Need a simple light weight number increment /increase transition CSS and JavaScript effect where last digit slides up into view

I want to be able to display a price like $5,007 and change the last digit only so the new price is $5,008 but where both the 7 and 8 scroll like a number ticker or clock basically vertically - ie the 7 slides up and out of view as the 8 slides up and into view.

I would love to use just simple JavaScript and CSS transforms. I think it can be done with 2 divs where one is pushed down with margin or padding or something and then the JavaScript can just assign the appropriate digits to the divs.

In this example the first digit moves and changes slowly which is what I want but on the last digit

https://dribbble.com/shots/5486566-Simple-Animated-Number-Counter

I also sort of understand this code but it isn't a single digit place which I need

https://codepen.io/yurimorini/pen/nYLwyo

https://codepen.io/yemon/pen/pWoROm

But I changed the html to this to try to make it more like what I need

<div id=container>
<div id=flip>
<div><div>3</div></div>
<div><div>2</div></div>
<div><div>1</div></div>
</div>
</div>