檢查css3動畫是否完成了例如使用jquery的變換比例

嘿，我正在使用應用於圖像的css3動畫的滑塊。現在我想檢查，如果CSS動畫已完成，那麼只有我想改變滑塊圖像。動畫都放在一類叫做.animations檢查css3動畫是否完成了例如使用jquery的變換比例

.animationStuff { 
     -moz-transform: scale(1.00); 
     -webkit-transform: scale(1.00); 
     -o-transform: scale(1.00); 
     transform: scale(1.00); 
     -ms-transform: scale(1.00); 
    }

現在按鈕點擊我使用jQuery 的animationSuff類添加到圖像如何檢查如果圖像邁上了正常（我指的是動畫結束）？感謝

好，我研究了一些多了，發現這個答案和它的工作原理，但有一個問題，顯示警報2次，反正這裏是代碼

$(firstBgImage).bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function() { 
    alert('hello World'); 
});

有人能告訴我爲什麼在動畫結束時顯示更改2次，謝謝。

來源

2013-09-01 designerNProgrammer

[使用jQuery檢測CSS3動畫和轉換結束時]（http://blog.teamtreehouse.com/using-jquery-to-detect-when-css3-animations-and-transitions-end） – Itay

你有沒有一些技巧？ – designerNProgrammer

'transform'不是動畫屬性。它沒有任何持續時間。你很可能會將它與'transition'屬性混爲一談。 – Boaz

您可以隨時刪除一些支持，如轉換等，並檢查問題是否存在。謝謝。

來源

2013-09-01 14:59:45

檢查css3動畫是否完成了例如使用jquery的變換比例

回答

相關問題