Javascript

Stunning CSS3 Animation Text Effect with Textillate.js

Written by Kevin Liew on 04 Mar 2013
25,200 Views • Shares
1 comment

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 3 years ago
This Code Tutorial is required .... plz
Reply