Posts

Showing posts from June, 2019

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

Image
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. See the Pen textyleFLIP.js by Yifang Di ( @diyifang ) on CodePen .