كيف أتأكد من انتهاء حدث Transition على CSS3؟

عملية transition على css تنتج حدث على مستوى هيكلة ملف html أي بالتحديد على مستوى DOM، مما يمكن المبرمج من الوقوف على مختلف التغيرات واستغلالها في أكواده البرمجية، لذا فإنه يمكن التأكد من انتهاء العملية عبر  JavaScript وذلك حسب كل متصفح:

• webkit :

box.addEventListener( 'webkitTransitionEnd', 
    function( event ) { alert( "Finished transition!" ); }, false );

• Mozila :

box.addEventListener( 'transitionend', 
    function( event ) { alert( "Finished transition!" ); }, false );

• Opera

box.addEventListener( 'oTransitionEnd',
function( event ) { alert( "Finished transition!" ); }, false );