WebAppers

/ best free open source web resources /

Shopify

Flipping Like a Card with QuickFlip 2 jQuery Plugin

Posted · Category: BSD License, Tools

QuickFlip is a jQuery plugin that uses a CSS trick to cause a div, paragraph or any other piece of HTML markup to flip like a card. QuickFlip uses two panels: a front and a back. When a flip occurs, the front panel is split in half with Javascript. The right and left halves slide into one another, and afterwards the opposite occurs with the back panel.

QuickFlip 2 is now even easier to implement. The new script pulls in and applies the necessary styling, so there is no need to include a QuickFlip stylesheet or to define the dimensions of the panel you’re flipping.

Additionally, QuickFlip 2 makes triggering the flip effect much simpler due to a new flip function that can be attached to any jQuery selector. Finally, the QuickFlip plugin has been performance-tuned and is running pretty quickly.

jQuery Flip

Requirements: jQuery Framework
Demo: http://jonraasch.com/blog/quickflip-2-jquery-plugin
License: FreeBSD License

3 Comments
  • http://www.jchristian.net JChristian

    I think many of us we are losing interest in Flash …

    Why?

  • ditman

    OMG! I just used something like this yesterday!!

    It was called jQuery Flip

    http://lab.smashup.it/flip/

  • marko

    Hi,
    when I download quickflip2, whith what I open and extract this file, or what kind of file is in it?

    Where I can find version 2.1.1 ?

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons