Home/ Questions/Q 778941
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T19:50:54+00:00

Are there any events fired by an element to check whether a css3 transition

  • 0

Are there any events fired by an element to check whether a css3 transition has started or end?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    W3C CSS Transitions Draft

    The completion of a CSS Transition generates a corresponding DOM Event. An event is fired for each property that undergoes a transition. This allows a content developer to perform actions that synchronize with the completion of a transition.

    Webkit

    To determine when a transition completes, set a JavaScript event listener function for the DOM event that is sent at the end of a transition. The event is an instance of WebKitTransitionEvent, and its type is webkitTransitionEnd.

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

    Mozilla

    There is a single event that is fired when transitions complete. In Firefox, the event is transitionend, in Opera, oTransitionEnd, and in WebKit it is webkitTransitionEnd.

    Opera

    There is one type of transition event
    available. The oTransitionEnd event
    occurs at the completion of the
    transition.

    Internet Explorer

    The transitionend event occurs at the completion of the transition. If the transition is removed before completion, the event will not fire.

    Stack Overflow: How do I normalize CSS3 Transition functions across browsers?

    • 0