如何在動畫結束時創建事件？

Question

1 - 如何在動畫結束時創建事件？ 使用css3編寫的動畫

2 - 如何僅在瀏覽器中加載所有數據時播放動畫？ 你可以看到

許多Thx。 Demo jsFiddle

Answer 1

1 - 你需要添加一個animationEnd事件偵聽器

document.getElementById('animation-03').addEventListener('animationend', function() { 
    alert('end') 
}, false); 

請務必將其添加爲所有的瀏覽器廠商。

這裏是分支版本：http://jsfiddle.net/Fj2vF/2/

2 - 不要擔心這一點。正如W3C斑點所說，只有在加載所有內容時，您的動畫纔會啓動。

Answer 2

啓動，然後用Javascript/jQuery處理css3動畫是很容易的。

檢查例如here

您可以用js庫Move.js它。