Clone Project

How to animate a number counter?

Created by
Webflowtips
Similar Projects
Oops! Something went wrong while submitting the form.

0 Comments

Be the first to leave a comment.
Loading
User is typing...
No Name
Set
4 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
No Name
Set
2 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
Description:Β Β 
Description from Webflow: Β 
You can easily animate a number counter like the Pros do! To do that you only have to: 1) Add a class to the number you want to animate 2) Copy and paste the code in the "Settings > Before body Tag" 3) In the code change the name of the class to the one you used (classes start with a ".") . 4) Modify the parameters that work for you (start, end, duration, delay, true, repeat, decimals, currency, separator) *Repeat this process If you have different numbers with different parameters (check the clonable for an example) ** Remember that this will only work on published sites. Sign up for the lesson: https://www.webflowtips.com/b/how-to-animate-a-number-counter If you have any questions feel free to comment. P.S πŸ™‚ πŸ™Œ - Like or follow if this was useful for you. 10 of 50
Tags from Webflow:Β 
counter, autocounter, numbers, animation, tips, webflowtips, tutorial, numbercounter, countup
.