Stunning CSS3 Animation Text Effect with Textillate.js

Stunning CSS3 Animation Text Effect with Textillate.js


Stunning CSS3 Animation Text Effect with Textillate.js

Introduction

Textillate.js is an amazing jQuery plugin that creates stunning CSS3 text animation. It's built on top of the famous animate.css which contains a bunch of cool and cross-browser animations and also the popular lettering.js.

Creating CSS3 animation effect is pretty easy with Textillate.js. Simple include all the required libraries and dependencies, you can add those effect with the following code.

$(function () {
    $('.tlt').textillate({ in: { effect: 'rollIn' } });
})

Or, you can declare the effect with data html attribute.

Features

There are quite a bit of options you can play with:

  • Loop control, auto start, initial delay.
  • define in and out effects.

Screenshots

More Details

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love

1 comment

SAM
Mon, 1st July 2013
This Code Tutorial is required .... plz Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!

Advertisement