淺談CSS3動畫的回調處理方法

我們在做js動畫的時候，很多時候都需要做回調處理，如在一個動畫完成後觸發一個事件、一個動畫完成後執行另外一個動畫等等，但在使用CSS3動畫時能不能捕獲到運動的狀態做回調處理呢？

CSS3動畫也是可以做回呼處理的，這裡分成兩個屬性，一個是transition[w3c文件]，另外一個是animation[w3c文件]。

1、transition

對於transition，可以監聽transitionend事件，當動畫完成時觸發，可以這樣使用：

2、animation

#對於animation我們可以監聽animationend事件，範例程式碼如下：

#就是關於CSS3動畫回呼處理的一些內容，最近在做H5頁面時用到了，總結一下。

以上這篇淺談CSS3動畫的回呼處理就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持PHP中文網。

更多淺談CSS3動畫的回呼處理方法相關文章請關注PHP中文網！