Letters
The HTML
<div id="demo1" class="demo">
<h1>Rainbow</h1>
</div>
The javascript
$.domReady(function() {
$("#demo1 h1").littering();
});
The Result
Rainbow
Rainbow
Words
$("#demo2 h1").littering('words');The Result
Hi, Multi Color
Lines
$("#demo3 p").littering('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").littering('words').children("span").littering();The Result
Double Rainbow
Advanced #2: Chaining and Styling
$("#demo5 h1").littering()
.children("span").css({'display':'inline-block', '-webkit-transform':'rotate(-25deg)'});