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 Level 2 (Web Animations 2)
# dom-documentorshadowroot-getanimations

Browser compatibility

BCD tables only load in the browser

See also