A simple plugin for CSS 3 text Animations with textillate.js

Thursday, 07 March 2013
(2 votes)


Textillate.js is an amazing jQuery plugin that creates stunning CSS3 text animation. It's built on top of the famous animate.css which contains a bunch of cool and cross-browser animations and also the popular lettering.js.

Creating CSS3 animation effect is pretty easy with Textillate.js. Simple include all the required libraries and dependencies, you can add those effect with the following code.


#wrapper {
$(function () {
    $('.tlt').textillate({ in: { effect: 'rollIn' } });

Or, you can declare the effect with data html attribute.


There are quite a bit of options you can play with:

Loop control, auto start, initial delay.
define in and out effects.

Requirement: jQuery Library, Animate.css and lettering.js

Compatibility: Most Browsers with CSS3 Support

License: MIT License


Is it not a great idea to follow me to be recieve my last posts? Follow me now!

Follow me on Twitter, Like me on Facebook or Subscribe on YouTube

3764 times

Sunday, 05 October 2014

Ibrahim Jabbari

I am Ibrahim Jabbari Web Designer / Developer since 2006, This is my blog, I'll share my experiences, Useful resources and all update news from IT world with you all, I hope you enjoy surfing my blog. Connect with me on Facebook, Twitter and and Instagram.