jquery - 卡片翻转动画插件

Question

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

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

Answer 1

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

Answer 2

我对我们的抽认卡交互的任何现有随机转换都不满意，所以我最终选择了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
});

我的小提琴和我修改过的马赛克库的链接，它处理点击事件，除了默认的悬停。