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