transitionend事件代表著過渡動畫結(jié)束后
原生的綁定方法
obj.addEventListener('transitionEnd', function(){
//do soming
})
我們能拿這個過渡結(jié)束事件做些什么事呢?
比如我們在用CSS3寫的一個過渡動畫,當過渡結(jié)束后,進行回調(diào),
下面給出一個小案例
當我們用CSS3過渡去寫一個無縫的輪播,過渡結(jié)束時候判斷圖片是否到達了最后一張,然后進行去掉過渡屬性,并回到第一張圖片的位置。
主意:該案例是移動端的案例,處理了webkit內(nèi)核瀏覽器的性能加速,建議用chrome測試