This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The getAnimations() method of the Document interface returns an array of all Animation objects currently in effect whose target elements are descendants of the document. This array includes CSS Animations, CSS Transitions, and Web Animations.


var allAnimations = Document.getAnimations();



Return value

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


The following code snippet will slow down all animations on a page by halving their Animation.playbackRate.

  function (animation) {
    animation.playbackRate *= .5;


Specification Status Comment
Web Animations
The definition of 'document.getAnimations()' in that specification.
Working Draft Editor's draft.

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support No support 48 (48)[1] No support No support No support
Feature Android Android Webview Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support No support No support No support No support No support No support No support No support

[1] Currently available only in Firefox Nightly and Firefox Developer Edition.

See also

Document Tags and Contributors

 Contributors to this page: Sheppy, chrisdavidmills, rachelnabors
 Last updated by: Sheppy,