Veja esse plugin: http://www.jqueryscript.net/animation/Animating-Numbers-Counting-Up-with-jQuery-Counter-Up-Plugin.html
Implementação:
Inserir as bibliotecas abaixo no seu código. Fazer o donwload dos arquivos no site acima. Não esquecer de incluir o Jquery também:
<script src="js/jquery.counterup.min.js"></script>
<script src="waypoints.min.js"></script>
Definir o tipo de conteúdo dentro da tag span:
<span class=".integers">12345</span>
<span class=".floats">123.45</span>
<span class=".numbers-with-commas">12,345.00</span>
Executar o plugin, no exemplo abaixo foi aplicado diretamente a qualquer tag "span":
<script>
jQuery(document).ready(function( $ ) {
$('span').counterUp({
delay: 10, // atraso de 10 ms
time: 1000 // velocidade do contador de 1000 ms
});
});
</script>
FLIP
tableless.com.br/introducao-ao-css-3d-flip-card.