Stunning CSS3 Animation Text Effect with Textillate.js

Written by Kevin Liew on 04 Mar 2013
40,307 Views • Javascript

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

SPECIFICATIONS & DOWNLOAD

Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

1 comment
SAM 11 years ago
This Code Tutorial is required .... plz
Reply