我們在做js動(dòng)畫的時(shí)候,很多時(shí)候都需要做回調(diào)處理,如在一個(gè)動(dòng)畫完成后觸發(fā)一個(gè)事件、一個(gè)動(dòng)畫完成后執(zhí)行另外一個(gè)動(dòng)畫等等,但在使用CSS3動(dòng)畫時(shí)能不能捕獲到運(yùn)動(dòng)的狀態(tài)做回調(diào)處理呢?
CSS3動(dòng)畫也是可以做回調(diào)處理的,這里分為兩個(gè)屬性,一個(gè)是transition[w3c文檔],另外一個(gè)是animation[w3c文檔]。
1、transition
對于transition,可以監(jiān)聽transitionend事件,當(dāng)動(dòng)畫完成時(shí)觸發(fā),可以這樣使用:
新聞熱點(diǎn)
疑難解答
圖片精選