SLIDING LETTERS WITH JQUERY : http://tympanus.net/codrops/2011/05/09/sliding-letters-with-jquery/
function:
slide in letter by letter when hovering over a link element. We can either have the same word or a different one and we can slide in the new letters all the same time or one after the other.
Usage:
<div class="sl_examples">
<a href="#" id="example1" data-hover="Creativity">Illustrations</a>
</div>
$(window).load(function(){
$('#example1').hoverwords({ delay:50 });
});
The following settings can be used:
delay : false, // each letter will have different animation times
speed : 300, // animation speed
easing : 'jswing', // easing animation
dir : 'leftright', // leftright - current goes left, new one goes right || rightleft - current goes right, new one goes left,
overlay : false, // hover word is slided on top of the current word (just for the case when the hover word equals word)
opacity : true // animate the letters opacity
good to use with:
Lettering.js: https://github.com/davatron5000/Lettering.js
and:
We already host lettering.js http://www.jsdelivr.com/#!lettering
Thank you