Ero abituato ad animare elementi con JavaScript. Ho trovato più semplice farlo con CSS3.Come si rileva quando le animazioni CSS iniziano e terminano con JavaScript?
Utilizzo di JavaScript come è possibile rilevare quando è stata avviata un'animazione CSS e quando è terminata? C'è qualche modo?
Associare gli eventi appropriati all'elemento, ad es.
el.addEventListener("animationstart", function() {}, false);
el.addEventListener("animationend", function() {}, false);
el.addEventListener("animationiteration", function() {}, false);
https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_animations#Using_animation_events
Nota: Potrebbe essere necessario aggiungere il prefisso appropriate-eventi come pure, per esempio ! webkitAnimationEnd
@BenjaminGruenbaum transizioni == animazioni – Prinzhorn
Sì l'altra domanda riguarda le transizioni che risposta è l'evento: transitionend, ma la questione è di circa animationend – jscripter