Easy Tutorial
❮ Prop Password Defaultvalue Prop Input Time Type ❯

animationend Event

Event Object

Example

Add an event listener to a <div> element after a CSS animation ends:


Definition and Usage

The animationend event is fired when a CSS animation has completed.

For more information about CSS animations, see our CSS3 Animations section.

During a CSS animation, the following three events occur:


Browser Support

The numbers in the table specify the first browser version that supports the event.

The numbers specified after "webkit" or "moz" are the first versions with prefix support.

Event
animationend 4.0 webkit 10.0 16.0 <br>5.0 moz 4.0 webkit 15.0 webkit <br>12.1

Note: Chrome, Safari, and Opera use the webkitAnimationEnd prefix.


Syntax

Note: Internet Explorer 8 and earlier versions do not support the addEventListener() method.


Bubbles: Yes
Cancelable: No
--- ---
Event Type: AnimationEvent
--- ---

Related Pages

CSS Tutorial: CSS3 Animations

CSS Reference: CSS3 Animation Properties

HTML DOM Reference: Style Animation Properties

❮ Prop Password Defaultvalue Prop Input Time Type ❯