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

Fancyapps — easily build overlay windows with carousel

Meet Mantine: A TS-Based Open-Source React Components Library

Meet Tippy.js: The Complete Tooltip Popover Plugin