卡翻轉動畫插件

我正在尋找卡翻轉jquery動畫插件或css3動畫。我附上了它的圖像。所以動畫應該像甲板上的一副牌一樣發生。 enter image description here 卡翻轉動畫插件

任何幫助找到這樣一個插件或css3效果appriciated。

來源

2012-08-03 user1184100

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

試試這個http://lab.smashup.it/flip/

來源

2012-08-03 12:49:42 Vanamali

謝謝你的回覆，這不是我正在尋找的動畫。基本上，當我點擊運動它應該先露面，文化應該回歸。 – user1184100 2012-08-03 12:52:19

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

謝謝，在這裏找到類似的東西.. http://www.ianlunn.co.uk/demos/ jquery的甲板洗牌/ – user1184100 2012-08-03 13:09:33

我卻高興不起來與任何現有的洗牌轉變爲我們的燒錄卡互動的，所以我最終選擇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，它處理的點擊事件，除了默認的懸停。

來源

2014-01-16 18:17:20 speeves

卡翻轉動畫插件

回答

相關問題