Can I add counter from 20 to 40 in my website without using javascript

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.

TIA.


Here is my public share link: LINK
(how to access public share link)

Interactions…

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.

@AlexManyeki . . . thank you for your reply.

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?

any demo would be really helpful.

thanks again :slight_smile:

@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?

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.