The getAnimations()
method of the ShadowRoot
interface returns an array of all Animation
objects currently in effect whose target elements are descendants of the shadow tree. This array includes CSS Animations, CSS Transitions, and Web Animations.
On this page
ShadowRoot: getAnimations() method
Syntax
js
getAnimations()
Parameters
None.
Return value
An Array
of Animation
objects, each representing one animation currently associated with elements which are descendants of the ShadowRoot
on which it's called.
Examples
The following code snippet will slow down all animations in a shadow tree by halving their Animation.playbackRate
.
js
let customElem = document.querySelector("my-shadow-dom-element");
let shadow = customElem.shadowRoot;
shadow.getAnimations().forEach((animation) => {
animation.playbackRate *= 0.5;
});
Specifications
Specification |
---|
Web Animations # dom-documentorshadowroot-getanimations |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
getAnimations |
84 | 84 | 75 | No | 70 | 14 | 84 | 84 | 79 | 60 | 14 | 14.0 |
See also
- Web Animations API
- CSS Animations
- CSS Transitions
Element.getAnimations()
- Fetch only the animations on a singleElement
and its descendants.Animation
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/getAnimations