Home Features Download v18.5 Child theme GGitHub

Odometer

This library is a counter effect with a rolling animation. Here is the markup, where essentially you need a .odometer-wrap as a parent element class name and each counter should contain the .odometer class. For the number assignment, we use the data-target="" attribute. Here is an example:

<div class="odometer-wrap xx-anim xx-fadein">
  <div class=""><span class="odometer" data-target="53">0</span>+</div>
  <div class=""><span class="odometer" data-target="280">0</span>+</div>
  <div class=""><span class="odometer" data-target="3580">0</span>+</div>
</div>

 

0+
0+
0+
🦁 Gridy