ShadowRoot.getAnimations()
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
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
.
let customElem = document.querySelector('my-shadow-dom-element');
let shadow = customElem.shadowRoot;
shadow.getAnimations().forEach(
function (animation) {
animation.playbackRate *= .5;
}
);
Specifications
Specification |
---|
Web Animations # dom-documentorshadowroot-getanimations |
Browser compatibility
BCD tables only load in the browser
See also
- Web Animations API
- CSS Animations
- CSS Transitions
-
Element.getAnimations()
- Fetch only the animations on a singleElement
and its descendants. Animation