jquery - 卡片翻转动画插件

Question

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

任何有助于找到此类插件或 css3 效果的应用。

Answer 1

我对我们的抽认卡交互的任何现有随机播放过渡都不满意，所以我最终选择了 Mosaic Jquery Library .我只是使用滑动过渡来模仿卡片翻转，然后淡化 div 以显示新卡片。

这是一个初始化函数的例子:

// 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 的链接，除了默认悬停外，它还处理点击事件。