Flip3D jQuery Plugin

jquery.flip3d is a jQuery plugin that provides a nice looking 3D card flip effect. It utilizes the new CSS3 transitions and thus runs hardware accelerated and silky smooth on devices such as the iPhone and iPad.

Currently this plugin only works on webkit browsers but a fallback will be provided shortly

Download

• jquery.flip3d.tar

Usage

<link href="/static/jquery.flip3d.css" type="text/css" rel="stylesheet"/>
<script src="/static/jquery.flip3d.js" type="application/javascript"></script>
        

<div class="flipper">
    <img class="card visible" src="/timeline/static/noo.png"/>
    <img class="card" src="/timeline/static/yay.png"/>
</div>
        

$(document).ready(function() {
    $('.flipper').flip3d();
});
        

Demo