Jump to content
Search Community

GSAP Animated Counter

Duo test
Moderator Tag

Recommended Posts

Hi,

 

I'm trying to figure out how to tackle this type of animation. Basically our client wants to have a starting figure (say for example: 2,300,000,000) and then increment that number by 23000 each week.

754668468_ScreenShot2021-11-24at11_34_58pm.thumb.jpg.f6f109d7ef075742ac4482f03bac407d.jpg

 

I want to try and tackle the animation first though. I've seen example of a counter using GSAP (,

See the Pen b2c2c56064274fd14620faa9d5537e40 by akapowl (@akapowl) on CodePen

) but these are really just changing the HTML. I really need it to animate the numbers from bottom to top and count up. There is another example of a counter and then animating at the end once it reaches 100% (https://tofucollective.com/).

 

Is something like this possible in GSAP? Or should I tackle it another way?

 

Any help would be greatly appreciated. Thanks

See the Pen NWRGwYQ by snorkltv (@snorkltv) on CodePen

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...