Hello all,
I want to add a counter animation (counter should be from 20 to 40) to my website page. I wish to do this without using any programming language or scripting language. How do i achieve it?
below is the screen shot of my current page. I wish to do it as scrolling numbers from 20 till 45 animation.
but its cumbersome… you would need to put all the numbers in a div a fixed height. eg if you want the height of each number to be 60px, put all of them in a div with a class called wrapper for example. then you would put the latter into a another div with 60px height and oveflow hidden. you would then need to target the wrapper div with interaction and move it up 60px every second in a loop.
Do i have to add the the numbers through custom attributes?
" you would need to put all the numbers in a div a fixed height. eg if you want the height of each number to be 60px, put all of them in a div with a class called wrapper for example. then you would put the latter into a another div with 60px height." can you please elaborate this part?
@AlexManyeki . . . " you would need to put all the numbers in a div a fixed height. eg if you want the height of each number to be 60px, put all of them in a div with a class called wrapper for example. then you would put the latter into a another div with 60px height." can you please let me know how to do this?