Ротация цифр на CSS

$('.counter').each(function () { 
    $(this).prop('Counter', 0).animate({ 
        Counter: $(this).text() 
    }, { 
        duration: 4000, 
        easing: 'swing', 
        step: function (now) { 
            $(this).text(Math.ceil(now)); 
        } 
    }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<div class="counter">1000</div> 
<div class="counter">700</div> 
<div class="counter">1500</div>