3D flip animations on minimit.com

Here are all the 3D animations used on this website, with working demo.

The concept of the animations is simple, they are just two divs swapping each other with 3d animations. The animation setup is needed to have a proper starting animation.

They use the jquery queue system to make the animation more responsive. This code below just gives a delay to the animations, and stop the running one from executing.

$(this).clearQueue().delay(400).queue(function(){

    // animations here

    $(this).dequeue();

});

Remember to include jquery and the minimit-anima jquery plugin.