Stunning CSS3 Animation Text Effect with Textillate.js

Written by Kevin Liew on 04 Mar 2013
39,971 Views • Javascript


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.

$(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.



Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

1 comment
SAM 10 years ago
This Code Tutorial is required .... plz