HTTP/2 302
x-cloud-trace-context: 93ea9a77c77473b53db89d9309110051
location: /en-US/docs/Web/API/Web_Animations_API
via: 1.1 google, 1.1 varnish, 1.1 varnish, 1.1 varnish, 1.1 varnish
accept-ranges: bytes
cache-control: no-store
server: Google Frontend
content-type: text/plain; charset=utf-8
date: Tue, 30 Dec 2025 10:04:07 GMT
x-served-by: cache-bfi-krnt7300063-BFI, cache-bfi-krnt7300068-BFI, cache-sin-wsat1880041-SIN, cache-bom-vanm7210091-BOM
x-cache: MISS, MISS, MISS, MISS
x-cache-hits: 0, 0, 0, 0
x-timer: S1767089047.404541,VS0,VE292
vary: Accept
content-length: 60
HTTP/2 200
via: 1.1 google, 1.1 varnish, 1.1 varnish, 1.1 varnish, 1.1 varnish
x-goog-stored-content-encoding: identity
etag: "db1297c079f66b7b027af93419bac269"
cache-control: public, max-age=3600
x-goog-hash: crc32c=F7D6Bw==, md5=2xKXwHn2a3sCevk0GbrCaQ==
x-goog-meta-goog-reserved-file-mtime: 1767055374
referrer-policy: strict-origin-when-cross-origin
x-goog-metageneration: 1
x-content-type-options: nosniff
content-security-policy: default-src 'self'; script-src 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://*.googletagmanager.com assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; script-src-elem 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://*.googletagmanager.com assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; style-src 'report-sample' 'self' 'unsafe-inline'; object-src 'none'; base-uri 'self'; connect-src 'self' developer.allizom.org bcd.developer.allizom.org bcd.developer.mozilla.org updates.developer.allizom.org updates.developer.mozilla.org https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com https://incoming.telemetry.mozilla.org https://observatory-api.mdn.allizom.net https://observatory-api.mdn.mozilla.net https://api.github.com/search/issues stats.g.doubleclick.net https://api.stripe.com; font-src 'self'; frame-src 'self' mdn.github.io *.mdnplay.dev *.mdnyalp.dev *.play.test.mdn.allizom.net https://v2.scrimba.com https://scrimba.com jsfiddle.net www.youtube-nocookie.com codepen.io survey.alchemer.com https://js.stripe.com; img-src 'self' data: *.githubusercontent.com *.googleusercontent.com *.gravatar.com mozillausercontent.com firefoxusercontent.com profile.stage.mozaws.net profile.accounts.firefox.com developer.mozilla.org mdn.dev wikipedia.org upload.wikimedia.org https://mdn.github.io/shared-assets/ https://mdn.dev/ https://*.google-analytics.com https://*.googletagmanager.com www.gstatic.com; manifest-src 'self'; media-src 'self' archive.org videos.cdn.mozilla.net https://mdn.github.io/shared-assets/; child-src 'self'; worker-src 'self';
x-guploader-uploadid: AHVrFxNcxMy1dwFZl08LZhcG9HTbo79fdRpzm8PQWcoV_2vRq4_DEq3yw3mG3vnmOU3ym4yS
x-goog-stored-content-length: 140675
x-cloud-trace-context: 639d7a001792fdbc80fce487e4e1a093
x-frame-options: DENY
last-modified: Tue, 30 Dec 2025 01:08:30 GMT
strict-transport-security: max-age=63072000
server: Google Frontend
expires: Tue, 30 Dec 2025 09:16:04 GMT
content-type: text/html
x-goog-storage-class: STANDARD
x-goog-generation: 1767056910656191
origin-trial: AxVILwizhbMjxFeHOn1P3R8niO1RJY/smaK4B4d1rLzc1gTaxtXMSaTi+FoigYgCw40uFRDwFcEAeqDR+vVLOW4AAABfeyJvcmlnaW4iOiJodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZyIsImZlYXR1cmUiOiJQcml2YXRlQXR0cmlidXRpb25WMiIsImV4cGlyeSI6MTc0MjA3OTYwMH0=
content-encoding: gzip
accept-ranges: bytes
age: 2833
date: Tue, 30 Dec 2025 10:04:07 GMT
x-served-by: cache-bfi-krnt7300096-BFI, cache-bfi-krnt7300096-BFI, cache-sin-wsss1830086-SIN, cache-bom-vanm7210091-BOM
x-cache: MISS, HIT, MISS, MISS
x-cache-hits: 0, 9, 0, 0
x-timer: S1767089048.726255,VS0,VE260
vary: Accept-Encoding
content-length: 18634
Web Animations API - Web APIs | MDN
The Web Animations API provides a common language for browsers and developers to describe animations on DOM elements. To get more information on the concepts behind the API and how to use it, read Using the Web Animations API .
Animation
Provides playback controls and a timeline for an animation node or source. Can take an object created with the KeyframeEffect()
KeyframeEffect
Describes sets of animatable properties and values, called keyframes and their timing options. These can then be played using the Animation()
AnimationTimeline
Represents the timeline of animation. This interface exists to define timeline features (inherited by DocumentTimeline
AnimationEvent
Part of the CSS Animations module, capturing the animation name and elapsed time.
DocumentTimeline
Represents animation timelines, including the default document timeline (accessed using the Document.timeline
The Web Animations API adds features to documentelement
document.timeline
The DocumentTimeline object representing the default document timeline.
document.getAnimations()
Returns an Array of Animationdocument.
Element.animate()
A shortcut method for creating and playing an animation on an element. It returns the created Animation
Element.getAnimations()
Returns an Array of Animation
