The jQuery Three Dee project is a plugin for the jQuery JavaScript Framework, which converts text into 3D text that can be viewed with simple red/blue 3D glasses. The plugin uses CSS3, with a fall-back for older browsers to create the 3D effect.
Best jQuery Text Effect Plugins & Tutorials with Demo
TypeButter : jQuery Optical Kerning for any font with Demo
TypeButter allows you to set optical kerning for any font on your website. If you’re longing for beautifully laid out text that today’s browsers just don’t provide, this is the plugin for you!
TypeButter comes packaged with Arial, Georgia, Helvetica, Times and Verdana. If you need another font, you can just roll your own.TypeButter will try and detect the font your browser is using on any given element. If the font being used is in the TypeButter library (including it’s weight and style), optical kerning will be set. That’s all there is to it.
jQuery Lettering Animate with Demo
“jQuery Lettering Animate” is an extension of the “lettering plugin”, it iterates through each letter separated by the lettering and animates it.
First you apply the lettering effect to the dom element, then, you animate the letters passing as parameters the intro or the outro animation properties of each letter ,then, you set the plugin options “randomOrder”, “time” and “reset”, and the “onComplete” callback.
jQuery UI text effects with Demo
Each effect is highly configurable. Here is a general list of the options available in each effect (also changelog):
- Whether or not the text should be split into words rather than characers
- Text to use instead of the element’s innerHTML
- The distance the pieces travel (as a multiple of the element’s respective dimensions)
- ++ added ++ The direction the pieces travel
- Whether or not to fade the pieces in/out
- How much the effect should be randomized (a percentage)
- ++ added ++ stop elements from leaving the document’s boundaries
jQuery Flashing text with Demo
In this tutorial I will show you how to create a flashing text effect with JavaScript and a small portion of jQuery.Sometimes you might need to bring your visitors attention to some particular text or phrase, and the most obvious way of doing it is by using some flashing / animating effect.
Bacon : jQuery Wrap Text around a bezier curve
Bacon is a jQuery plugin that allows you to wrap text around a bezier curve or a line. You can view a demo with a conveniently placed slice of juicy, delicious bacon below. It’s easier than you might think. You’ll need a block element containing text only that has its height and width set, as well as jQuery, bacon.jquery.js and bacon.jquery.css included in your site.
ghostType jQuery text effect Plugin
This is a classy jQuery text effect that makes the text look like it’s being typed across the screen. A great way to call attention to a specific area of the page and it’s just a block of text within a class. This means the text is fully readable by search engines.ghostType simulates the effect of typing text in real-time. The text within a designated document element is transformed into a seemingly live message.
Engage your users with a message that unfolds right before their eyes, as if you were typing a message to them in real-time.
