Flip Any HTML Element With jQuery Flip!

Flip! is a jQuery plugin that enables you to flip any HTML, text or jQuery element beautifully.

It is possible to set the direction of the effect, right-to-left, up-to-down or vice versa of both, the content to be displayed after the flip and the background of it.

Also, optionally, you can define the speed of the animation and use the callback functions: onBefore, onAnimation and onEnd.

P.S. Tutorialzine shares a very nice tutorial using the plugin.

jQuery Flip Plugin

  1. Reply Jordan Walker May 12, 2010 at 1:31 PM


  2. Reply valuegames May 12, 2010 at 4:37 PM

    This is brilliant – definitely will be using this on my next project!

  3. Reply Liming May 13, 2010 at 10:05 AM

    Definitely a good tool. We use that in our project management software, so people can flip a task and take some notes. Very useful!

  4. Reply Umut M. May 13, 2010 at 12:03 PM


    That’s a great usage idea.

Leave a reply