Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-->HTML<-->
- <div class="container">
- <div class="row">
- <div class="col-xs-6">
- <div class="lines" data-count="20000"></div>
- </div>
- <div class="col-xs-6">
- <div class="lines" data-count="160000"></div>
- </div>
- </div>
- </div>
- <!-->CSS<-->
- .lines
- font-family: sans-serif
- font-size: 32px
- <!-->JS<-->
- $({blurRadius: 5}).animate({blurRadius: 0}, {
- duration: 1000,
- easing: 'swing',
- step: function() {
- $(".lines").css({
- "-webkit-filter": "blur("+this.blurRadius+"px)",
- "filter": "blur("+this.blurRadius+"px)"
- });
- }
- });
- var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(' ');
- $(".lines").each(function() {
- var tcount = $(this).data("count");
- $(this).animateNumber({ number: tcount,
- easing: 'easeInQuad',
- "font-size": "40px",
- numberStep: comma_separator_number_step},
- 1000);
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement