Streaming live at 10am (PST)

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


#1

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)


#2

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.


#3

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


#4

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


#5

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