Clone Project

How to animate a number counter?

Description:  
Author 
Webflowtips
Organization 
Similar Projects
Oops! Something went wrong while submitting the form.
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

The best Webflow projects handpicked & delivered.

We search the entire Webflow showcase to find the most clone-worthy* websites.

*The kind of sites that make you say "wait... this is free?"
Sites will be complete, clean, and client ready.

Booyah! The first newsletter will go out early next week.
Oops! Something went wrong while submitting the form.

*The kind of sites that make you say "wait... this is free?" Sites will be complete, clean, and client ready.

Booyah! The first newsletter will go out early next week.
Oops! Something went wrong while submitting the form.
.