Fires when a CSS animation has ended.
Inline |
<element onanimationend = "handler" ... > |
Script |
object.onanimationend = handler |
Bubbles |
Yes |
Cancels |
No |
To invoke |
Event occurs when the animation finishes. |
Default action |
Ends animation |
The onanimationend event occurs when an animation finishes.
This event is valid for all animatable elements, or elements that support animation.
While event handlers in the Document Object Model do not receive parameters directly, the handler can query the event object for data.
Event Object Properties
animationName |
The name of the animation that fired the event. |
elapsedTime |
The amount of time the animation has been running. |
pseudoElement |
The name ( beginning with two colons ) of the CSS pseudo-element on which the animation runs. |
The following example demonstrates use of the onanimationend event, to automatically refresh the page.
Show me
BUTTON, INPUT, LABEL, SELECT, TEXTAREA, window
blur, focus, onchange, onclick, onfocus