Textillate.js es una pequeña biblioteca escrita con JavaScript para animar textos utilizando para ello la potencia de CSS3.
Este proyecto combina una librería JavaScript con las propiedades CSS3 más modernas para crear excelentes efectos animados para implementar en cualquier clase de textos.
Las dependencias de Textillate.js son bien básicas, utiliza: jQuery, animate.css y finalmente lettering.js. Salvo jQuery que es la más pesada, el resto son bibliotecas con un peso casi despreciable.
Ejemplo de texto animado con CSS3 + JavaScript
HTML:
<h1 class="tlt">My Title</h1>
JavaScript:
$(function () {
$('.tlt').textillate();
})
Visiten el sitio oficial del proyecto para ver las demostraciones en linea.
Me sorprendió, para bien, la cantidad de efectos distintos que tiene disponibles, obviamente el punto débil de este proyecto es el relacionado a la compatibilidad con los navegadores más antiguos, sin embargo puedo decir que la mayoría de los efectos funcionan a la perfección en navegadores que acepten propiedades CSS3 básicas.
Web: Textillate.js