ShadowRoot: getAnimations() method

BaselineWidely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2020.

ThegetAnimations() method of theShadowRoot interfacereturns an array of allAnimation objects currently in effect whosetarget elements are descendants of the shadow tree. This array includesCSS Animations,CSS Transitions, andWeb Animations.

Syntax

getAnimations()

Parameters

None.

Return value

AnArray ofAnimation objects, each representing oneanimation currently associated with elements which are descendants of theShadowRoot on which it's called.

Examples

The following code snippet will slow down all animations in a shadow tree by halving theirAnimation.playbackRate.

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