Skip to content

Latest commit

 

History

History
38 lines (31 loc) · 1.15 KB

README.md

File metadata and controls

38 lines (31 loc) · 1.15 KB

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