Noticias

Animaciones de texto en CSS3

Vamos a mostrar como hacer animaciones de texto en CSS3, para ello se usa el Plugin Textillate.js

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.

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>

El codigo para hacer la animacion

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

Para lograrlo necesitamos: jQuery, animate.css y lettering.js

Fuente Textillate

Unidelfuturo

Unidelfuturo fue fundada en 2009 por Alvaro Mendoza Rios. Para compartir conocimientos de informática.

Hoy soy mejor que ayer y mañana seré mejor que hoy, ¡porque la disciplina vence a la inteligencia!