/ / Qualche modo per rilevare lo stato della procedura di una transizione / trasformazione / animazione CSS3? - html5, css3, transizione

Qualche modo per rilevare lo stato della procedura di una transizione / trasformazione / animazione CSS3? - html5, css3, transizione

Diciamo che, se c'è una transizione / trasformazione / animazione CSS3 assegnata a un elemento DOM, c'è comunque che posso rilevare lo stato della procedura?

Il motivo per cui voglio farlo è perché sto cercando qualcosa come il concatenamento di transizione, ad esempio, eseguendo una transizione dopo la precedente.

risposte:

1 per risposta № 1

Ho fatto qualcosa di simile in http://cssglue.com/cubic, è una transizione che aggiunge o rimuove una classe alla fine della transizione.

Ecco come si concatena una transizione:

element.addEventListener(webkitTransitionEnd, function(ev){
if(ev.propertyName == "min-width") { //listen to property you"re changing
element.className += " classWithNewTransition";
}
}, false);