jQuery Text Effect Plugin & Tutorials with Example

CharCycle : jQuery Cycling Effect Text plugin

CharCycle : jQuery Cycling Effect Text plugin

A jQuery plugin to create a cycling effect on selected text at some event.Attach the plugin to the element you want to trigger the cycling, specify the target text you want to produce the effect and include a conditional statement to ensure that cycling isn’t re-triggered while the effect is in progress.

Textroll.js : jQuery Animated Text Effect Plugin

Textroll.js : jQuery Animated Text Effect Plugin

Textroll.js is a jQuery plugin for adding some scroll effect to text.

Scalem : jQuery plugin to make any Element Scalable

Scalem : jQuery plugin to make any Element Scalable

Scalem, short for scale elements or slang for scale ‘em, is a light-weight responsive text jQuery plugin inspired by FlowType. Use it to “liquify” elements on your website so that they scale relative to the width of their parent element or, optionally, any element you specify (see Options below). Scalem is not just limited to text size—it can be used to scale any CSS style that takes a numeric unit such as px, em, or %.

Splitchar.js : jQuery Plugin to Style Half Character

Splitchar.js : jQuery Plugin to Style Half Character

Splitchar is an easy to use jQuery plugin that allows you to style half of a character.Style and design the first, second or both halves of a character.

Rotating Words using CSS3 Animations

Rotating Words using CSS3 Animations

In Modern Web Design, Typography plays a very important role in enhancing the looks of a website. For modular Web Design, selecting right effects is not an easy task. In today’s time, First Impression is the Last Impression. In this tutorial, we’ll create some different types of Animation Effects on rotating words in a sentence.

Animated Headlines with CSS3

Animated Headlines with CSS3

A collection of animated headlines, with interchangeable words that replace one another through CSS transitions.

Animate Text with SVG Paths & CSS3

Animate Text with SVG Paths & CSS3

This technique allows you to animate the drawing of text via converting text to SVG paths.SVG path animation is a trending technique in web-design allowing designers to draw simple and elegant icons. Now, designers can easily apply SVG animations to text.

JavaScript Type Rendering Mix

JavaScript Type Rendering Mix

Apply CSS based on your browser’s text rendering engine.Type Rendering Mix detects your browser’s text rasterizer and antialiasing method by parsing the user agent string. It will then add two classes to your HTML element. One class will describe the text rasterizer and the other the antialiasing method it is using.

Ellipsis plugin for jQuery

Ellipsis plugin for jQuery

jQuery.ellipsis makes it possible to hide content using ellipsis (…) or some other markup. After that is clicked, it will show rest of the content.

jQuery Typelink : Animated Writing Text Plugin

jQuery Typelink : Animated Writin Text Plugin

jQuery plugin for animated writing, spiced with navigational features.



Best jQuery websites design awards