ContextQMD
Back to Content

ShadowRoot: getAnimations() method

files/en-us/web/api/shadowroot/getanimations/index.md

latest1.5 KB
Original Source

{{APIRef("Web Animations")}}

The getAnimations() method of the {{domxref("ShadowRoot")}} interface returns an array of all {{domxref("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-nolint
getAnimations()

Parameters

None.

Return value

An {{jsxref("Array")}} of {{domxref("Animation")}} objects, each representing one animation currently associated with elements which are descendants of the {{domxref("ShadowRoot")}} on which it's called.

Examples

The following code snippet will slow down all animations in a shadow tree by halving their {{domxref("Animation.playbackRate")}}.

js
let customElem = document.querySelector("my-shadow-dom-element");
let shadow = customElem.shadowRoot;
shadow.getAnimations().forEach((animation) => {
  animation.playbackRate *= 0.5;
});

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also