Skip to content

Number-Animate is a lightweight JavaScript library for animating numbers on web pages, allowing smooth transitions between numerical values

Notifications You must be signed in to change notification settings

BossEmma/HTML-NUMBER-ANIMATE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 

Repository files navigation

HTML-NUMBER-ANIMATE

HTML-NUMBER-ANIMATE is a lightweight JavaScript library for animating numbers on web pages, allowing smooth transitions between numerical values

Demo:

demo.mp4

How To Use It

  1. Add script right before closing <body> tag:
<script src="https://cdn.jsdelivr.net/gh/BossEmma/Number-Animate/number_animate.js"></script>
  1. Set the object class name to "number-animate":
 <div class="number-animate"></div>
  1. Adjust behaviour by using number-animate-*:
 <div class="number-animate">
   number-animate-start= "0"
   number-animate-end= "100"
   number-animate-increment= "10"
   number-animate-delay= "20"
 </div>

Predefined Options:

1. number-animate-start

This defines the count starting point

2. number-animate-end

This defines the count end point

3. number-animate-increment

This defines the number at which the count increases by

4. number-animate-start

This defines the delay in milliseconds between each count

About

Number-Animate is a lightweight JavaScript library for animating numbers on web pages, allowing smooth transitions between numerical values

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published