CSS3 動(dòng)畫(huà)結(jié)束時(shí)是有觸發(fā)事件的措伐，這個(gè)之前竟然不了解特纤。。除了JS動(dòng)畫(huà)如果做純css3動(dòng)畫(huà)的時(shí)候使用 delay 延時(shí)來(lái)控制動(dòng)畫(huà)先后順序侥加，或者通過(guò)setTimeout來(lái)控制捧存，其實(shí)完全可以通過(guò)偵聽(tīng) animationEnd 的回調(diào)方法來(lái)依次控制動(dòng)畫(huà)。
tt.addEventListener("webkitAnimationStart", function(){ //動(dòng)畫(huà)開(kāi)始時(shí)事件
console.log(1);//動(dòng)畫(huà)開(kāi)始時(shí)，控制臺(tái)輸出1
}, false);
tt.addEventListener("webkitTransitionEnd", function(){ //動(dòng)畫(huà)開(kāi)始時(shí)事件
console.log(1);//動(dòng)畫(huà)結(jié)束時(shí)昔穴，控制臺(tái)輸出1
}, false);
tt.addEventListener("webkitAnimationIteration", function(){ //動(dòng)畫(huà)重復(fù)運(yùn)動(dòng)時(shí)的事件
console.log(3);//第一遍動(dòng)作完成時(shí)镰官，控制臺(tái)輸出3
}, false);
當(dāng)然Jquery 也可以控制
$('.dom').on("animationend webkitAnimationEnd",function(){
$('.dom2').addClass('move');
})
css3的過(guò)渡屬性transition，在動(dòng)畫(huà)結(jié)束時(shí)吗货，也存在結(jié)束的事件：webkitTransitionEnd;
注意：transition,也僅僅有這一個(gè)事件泳唠。
$('.dom').on("transitionEnd webkitTransitionEnd",function(){
$('.dom2').addClass('move');
})
