2012-12-04 65 views
1

我不想從JS觸發CSS動畫,而是相反。轉換後的CSS觸發器javascript /動畫

如果我通過-webkit-transitiontransition: all 1000ms類型樣式表執行CSS動畫,有沒有辦法在轉換完成後觸發JS函數?

基本上我一直在通過JavaScript做動畫,我想將它們中的一部分轉換爲CSS動畫,但是我需要在動畫完成後觸發JavaScript事件。

+2

Similiar http://stackoverflow.com/questions/2087510/callback-on-css-transition – Musa

+0

真棒我沒有發現之前發佈。我需要完全測試它,但它似乎符合我的需求。 – Alberto

回答

3
box.addEventListener('webkitTransitionEnd', function(event) { 
    alert("Finished transition!"); 
}, false); 

參見:Callback on CSS transition

+0

謝謝。我錯過了原來的帖子。 – Alberto

0

我認爲你需要JavaScript的過渡之前,觸發它,和之後。做出某種回調...但我的知識很差