The transitionend DOM Event is a transition event that occurs at the completion of a CSS Transition and therefore allows developers to perform actions that synchronize with the completion of a transition.
The transitionend DOM Event is a transition event that occurs at the completion of a CSS Transition. If the transition is removed before completion, such as if the transition-property is removed, then the event will not fire.
The transitionend event allows developers to perform actions that synchronize with the completion of a transition and is available since CSS3 (CSS Transitions Module Level 3).
General info
- Specification: CSS Transitions
- Target: Element, Document, Window
- Bubbles: Yes
- Cancelable: Yes
- Synchronous: No
- Context Info: propertyName, elapsedTime, pseudoElement
Links | Specifications & References
Browser Implementations / Aliases
- Implemented in Chrome 1.0, Android 2.1 and WebKit 3.2 as "webkitTransitionEnd". Chrome 36 and WebKit 7.0.6 use the standard "transitionend".
- Implemented as "oTransitionEnd" starting from Opera 10.5, as "otransitionend" starting from version 12 and as the standard "transitionend" starting from version 12.10.
- Implemented as standard "transitionend" across other browser when not listed above.
How to set add event listener for standard transitionend:
oTarget.addEventListener("transitionend", handlerFunction[, useCapture|options]);
