卡片翻转动画插件

Question

我正在寻找卡片翻转jquery动画插件或css3动画。我已经附上了它的图像。 所以动画应该像甲板上的一叠卡片一样发生。

任何有助于找到这样的插件或css3效果的帮助。

Answer 1

试试这个http://lab.smashup.it/flip/

Answer 2

我对我们的闪卡交互式现有的随机转换感到不满意，所以我最终选择了Mosaic Jquery Library。我只是使用滑动过渡模仿卡片翻转，然后褪色div来调出新卡片。

这是一个示例init函数：

// add our sliding box event
$('.cover').mosaic({
    animation:  'slide', // fade or slide
    speed:       500,
    hover_x:    '900px', // horizontal position of overlay after hover/click 
    hoverdelay: '0',
    mouseevent: 'click'  // click or hover
});

我的fiddle以及指向my modified version of the mosaic library的链接，除了默认的悬停外，还会处理点击事件。