Advertisement
Guest User

Untitled

a guest
Feb 24th, 2017
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.82 KB | None | 0 0
  1. <!-->HTML<-->
  2. <div class="container">
  3. <div class="row">
  4. <div class="col-xs-6">
  5. <div class="lines" data-count="20000"></div>
  6. </div>
  7. <div class="col-xs-6">
  8. <div class="lines" data-count="160000"></div>
  9. </div>
  10. </div>
  11. </div>
  12. <!-->CSS<-->
  13. .lines
  14. font-family: sans-serif
  15. font-size: 32px
  16. <!-->JS<-->
  17. $({blurRadius: 5}).animate({blurRadius: 0}, {
  18. duration: 1000,
  19. easing: 'swing',
  20. step: function() {
  21. $(".lines").css({
  22. "-webkit-filter": "blur("+this.blurRadius+"px)",
  23. "filter": "blur("+this.blurRadius+"px)"
  24. });
  25. }
  26. });
  27. var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(' ');
  28. $(".lines").each(function() {
  29. var tcount = $(this).data("count");
  30. $(this).animateNumber({ number: tcount,
  31. easing: 'easeInQuad',
  32. "font-size": "40px",
  33. numberStep: comma_separator_number_step},
  34. 1000);
  35. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement