In this short tutorial we will be making a jQuery plugin that will shuffle the text content of any DOM element – an interesting effect that can be used in headings, logos and slideshows.
Best jQuery Text Effect Plugins & Tutorials with Demo
Codename Rainbows – A jQuery text effects plugin
Codename Rainbows allows you to effortlessly apply gradients, shadows and highlights to text.
The gradient in this plugin is comprised of a series of one-pixel-high slices of text. These slices are arranged vertically. Every slice is a slightly different shade, and when the slices are positioned via CSS the result is a smooth gradient created entirely without images.
Typography Animation using Jquery
Today i am here with a cool idea of typography type animation. we will learn what is it, and how to create it with Jquery and CSS. This can be ussed as a typography animation software too. You just have to pass your text as a HASH to convert that as a kinetic typography animation.
In this tutorial we will learn to how to apply jquery animate opacity and more. And at last you will fall in love with it.
jqIsoText: jQuery Text Effect Plugin
jqIsoText is jQuery plugin for displaying your text with pseudo-isometric effect.With this plugin we’re changing size of letters in text. It starts from one font size and increment or decrement to other font size. On that way we’re getting something similar to isometric projection. That can be done for whole block of text or for every word in some text.
jQuery Scroller
With jQuery Scroller you can create easily smart scrolling text, news ticker, or image animations with few lines of code in jQuery!
Some Features:
- Velocity, horizontal or vertical direction, starting/ending points, finite or infinite loops, move type (‘linear’ or ‘ping pong’)
- Configure mouseover/mouseout events or control programmatically scrolling functions from an external element
- Play, pause, resume scrolling animations or set a custom pointer.
