"jQuery Lettering Animate" is an extension of the "lettering plugin", it iterates through each letter separated by the lettering and animates it.

Here is the sintax to use it:

$("#element").lettering().animateLetters({left:200,opacity:0},{left:0,opacity:1},{randomOrder:true,time:1000,reset:true},callback);

First you apply the lettering effect to the dom element, then, you animate the letters passing as parameters the intro or outro animation properties of each letter, then, you set the plugin options "randomOrder", "time" and "reset", and finally, the "onComplete" callback.

Requirements:

1. jQuery Library
2. Lettering Plugin
3. Lettering Animate Plugin

Live Demos