Letters
The HTML
<div id="demo1" class="demo">
<h1>Rainbow</h1>
</div>
The jQuery
$(document).ready(function() {
$("#demo1 h1").lettering();
});
The Result
Rainbow
Words
$("#demo2 h1").lettering('words');The Result
Hi, Multi Color
Lines
$("#demo3 p").lettering('lines');The Result
This is an amazing
Revolution in Typography.
The possibilities are endless:
Coloring, Vertical spacing, and Kerning.
Advanced #1: Chaining 2 Methods
$("#demo4 h1").lettering('words').children("span").lettering();The Result
Double Rainbow
Advanced #2: Chaining and Styling
$("#demo5 h1").lettering()
.children("span").css({'display':'inline-block', '-webkit-transform':'rotate(-25deg)'});