jQuery Flip Plugin

jQuery Flip Plugin – Super Flipping Animation

Share on Facebook0Share on LinkedIn0Tweet about this on Twitter0Share on TumblrShare on Google+0Share on StumbleUpon0

Our today plugin pick is a useful text flipper – jQuery Flip Plugin. Its beautifully designed and ultra smooth text flip plugin which can be used to display rotating quotes.

Each time the user scrolls to the flip quote, it gets displayed with a nice flip animation.

Plugin comes with lots of options like QuoteMarks, Background color, Text color, Font Size, Flip duration, Padding.

So lets begin with how to use plugin :

1. Include Jquery into your website, you can opt for CDN hosted

CloudeFlare :

 

OR

Google : <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

2. Include jQuery Flip Plugins Js and CSS

JS :

CSS :

 

 

3. HTML Usage

Include the following html inside the body tag of your html page.

4. Markup

Initialize and make an element flippable using the javascript below and replacing the elements selector accordingly.

Demo

http://markserbol.github.io/flip-quote/#demo

Share on Facebook0Share on LinkedIn0Tweet about this on Twitter0Share on TumblrShare on Google+0Share on StumbleUpon0