2012-08-03 68 views
1

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

任何帮助找到这样一个插件或css3效果appriciated。

+0

看到这个.. http://www.hscripts.com/scripts/jquery/shuffle-transition.php – Vaishu 2012-08-04 06:22:25

回答

2
+0

谢谢你的回复,这不是我正在寻找的动画。基本上,当我点击运动它应该先露面,文化应该回归。 – user1184100 2012-08-03 12:52:19

+0

可能是这里的洗牌效果http://jquery.malsup.com/cycle/可以根据您的需要进行更改 – Vanamali 2012-08-03 13:02:15

+0

谢谢,在这里找到类似的东西.. http://www.ianlunn.co.uk/demos/ jquery的甲板洗牌/ – user1184100 2012-08-03 13:09:33

0

我却高兴不起来与任何现有的洗牌转变为我们的烧录卡互动的,所以我最终选择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,它处理的点击事件,除了默认的悬停。