CSS3 Animationend事件是在CSS3動(dòng)畫結(jié)束后觸發(fā)的事件。它允許我們?cè)趧?dòng)畫完成時(shí)執(zhí)行某些操作，例如更改元素的屬性或添加其他類。

/* 在CSS中定義動(dòng)畫 */
@keyframes fade { 
0% { opacity: 0; } 
100% { opacity: 1; } 
}
/* 添加動(dòng)畫到元素 */
div { 
animation: fade 3s;
}
/* 在JS中使用jquery添加animationend事件 */
$("div").on("animationend", function(){ 
$(this).addClass("finished");
});

在上面的代碼中，我們首先在CSS中定義了一個(gè)fade動(dòng)畫，然后將其添加到一個(gè)div元素上。任何與fade有關(guān)的變化都會(huì)被應(yīng)用于這個(gè)div。接下來(lái)，我們使用jQuery為div添加animationend事件。當(dāng)動(dòng)畫結(jié)束時(shí)，會(huì)觸發(fā)這個(gè)事件并執(zhí)行相應(yīng)的操作。