TextyleFLIP.js-A flip text revealing effect with jQuery and tiny CSS

TextyleFLIP is a Jquery Plugin to animate the text with CSS3.

Github

How to use it?

Step1:
Link the jquery.js and textyleF.js

Step2:
HTML

It must contains the text you wanna animate.

Step3:
CSS basically set up

And the two decorate lines are pseudo-elements.

Actually, after applying the plugin which will separate every text into the separate letters, the span tag will add to each letter. So it’s easier to animate them.

Step4:
call the plugin with jQuery