Revista Tecnología

Textillate.js Animaciones de texto usando CSS3

Publicado el 15 febrero 2013 por Biriicom @biriiCom


Textillate.js
es un plugin jQuery que permite hacer efectos animados con texto utilizando CSS3.
Está desarrollado aprovechando el potencial de las librerías animate.css y lettering.js. Combinando el uso de estas estupendas librerías, Textillate facilita enormemente la aplicación de animaciones CSS3 a cualquier texto.

birii textillate js plugin jquery css3 animations Textillate.js Animaciones de texto usando CSS3

A continuación podemos ver un ejemplo de lo sencillo que es animar texto con este plugin.

<h1 class="tlt">
    <ul class="texts">
        <li data-out-effect="fadeOut" data-out-shuffle="true">Some Title</li>   
        <li data-in-effect="fadeIn">Another Title</li>
    </ul>
</h1>

y el código Javascript para animarlo:

$('.tlt').textillate();

Dependencias: jQuery, animate.css y lettering.js
Sitio web: http://jschr.github.com/textillate/


Volver a la Portada de Logo Paperblog