• 0

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

هل من إمكانية للتأكد من انتهاء حدث Transition المبرمج بـ CSS3؟ كيف ذلك؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

عملية 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 );

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن