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



TextyleFLIP is a jquery Plugin to animate the text withe 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 seperate every text into seperated letter, the span tag will add to each letter.So it's easier to animate them.



Step4:
call the plugin with jQuery

There are several options and callback function which can be customized.







Popular posts from this blog

Splitting.js--a JavaScript microlibrary for splitting targets

Pig game Project with Javascript

light/dark mode with sass