Lettering.JS

The following are some hokey examples of how you can implement LETTERING.JS.

Free jQuery Plugins and Tutorials - Providing tons of Popular and Free jQuery Plugins, Javascript Libraries, Html5 and CSS3 Scripts for free download. © Copyright 2012-2013 jQueryScript.Net

Letters

The HTML

	<div id="demo1" class="demo">
  <h1>Rainbow</h1>
</div>

The jQuery

$(document).ready(function() {
  $("#demo1 h1").lettering();
});

The Result

jQueryScript

.net

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)'});

The Result

WOOOoo!