Flip is a jQuery plugin, that lets you add flipping effect to an element in your page. You can use this plugin to flip an elements in all four directions . In addition to jQuery, it requires jQuery UI library. Flip is cross browser plugin that works in Firefox, Chrome/Chromium, Opera, Safari and IE (6,7,8).

Implementation is fairly easy with very simple markup and call to the jQuery function. In addition to creating the flip effect, it lets you specify new content for the flipped box. Other configuration options let you secify background color and animation speed. For more advanced customization, it provides three callback functions executed before, after and in the middle of flip effect.
Developed by Luca Manno; jQuery Flip Plugin is available for download under GPL and MIT Licenses. You can find further information, demo & download on Flip Website.



This is cool, but the easing on the first half of the animation is backwards. It should be easing the opposite way of the second half in order to look like natural flip. It should speed up toward the centre of the flip, then slow down when expanding again.
Is it possible to change the easing?
Thanks for sharing. But it doesn´t work properly on IE, so I can’t use it :(