ShadowRoot: getAnimations() method

None.

An Array of Animation objects, each representing one animation currently associated with elements which are descendants of the ShadowRoot on which it's called.

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((animation) => {
  animation.playbackRate *= 0.5;
});

• Web Animations API
• CSS Animations
• CSS Transitions
• Element.getAnimations() - Fetch only the animations on a single Element and its descendants.
• Animation