ShadowRoot: getAnimations() method
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.
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 | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
getAnimations | |||||||||||
See also
- Web Animations API
- CSS Animations
- CSS Transitions
-
Element.getAnimations()- Fetch only the animations on a singleElementand its descendants. Animation