Animation accessorsBaseline · Newly available
The animation property of an AnimationEvent or TransitionEvent object is the Animation object that represents the animation (and thus the element) that fired an animation event.
Works in the latest version of every major browser, but older devices may not support it yet. Baseline since Sep 14, 2026.
Browser support
DesktopChrome
1–150Not supported
151+Supportedsince Jul 28, 2026
Current: 155Edge
12–150Not supported
151+Supportedsince Jul 31, 2026
Current: 154Firefox
1–151Not supported
152+Supportedsince Jun 16, 2026
Current: 157Safari
1–26.6Not supported
27+Supportedsince Sep 14, 2026
Current: 27MobileChrome Android
18–150Not supported
151+Supportedsince Jul 28, 2026
Current: 155Firefox Android
4–151Not supported
152+Supportedsince Jun 16, 2026
Current: 157Safari iOS
1–26.6Not supported
27+Supportedsince Sep 14, 2026
Current: 27How to use
Every current browser supports this, but it only became Baseline on Sep 14, 2026. Use it as a progressive enhancement, or keep a fallback if you support older devices.
Example
Full syntax and examples are on MDN: animation.
Feature detection
JS · check before using
if ("AnimationEvent" in globalThis && "animation" in AnimationEvent.prototype) {
// AnimationEvent.animation is available
}Documentation (MDN)
Specification
Sub-features
Support for each part of the feature (2). The overall table above shows when the whole feature works.
| Sub-feature | Chrome | Edge | Firefox | Safari | Chrome Android | Firefox Android | Safari iOS |
|---|---|---|---|---|---|---|---|
| AnimationEvent.animation | 151 | 151 | 152 | 27 | 151 | 152 | 27 |
| TransitionEvent.animation | 151 | 151 | 152 | 27 | 151 | 152 | 27 |