You are on the editable version of MDN Web Docs

MDN 웹 문서 사용자로 보기:

이 문서는 아직 자원 봉사자들이 한국어로 번역하지 않았습니다. 참여해서 번역을 마치도록 도와 주세요!
English (US)의 문서도 읽어보세요.

The Web Animations API allows for synchronizing and timing changes to the presentation of a Web page, i.e. animation of DOM elements. It does so by combining two models: the Timing Model and the Animation Model.

Concepts and usage

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.

Web Animations interfaces

Provides playback controls and a timeline for an animation node or source. Can take an object created with the KeyframeEffect() constructor.
Describes sets of animatable properties and values, called keyframes and their timing options. These can then be played using the Animation() constructor.
Represents the timeline of animation. This interface exists to define timeline features (inherited by DocumentTimeline and future timeline objects) and is not itself accessed by developers.
Actually part of CSS Animations.
Represents animation timelines, including the default document timeline (accessed using the Document.timeline property).
Element.animate(), KeyframeEffectReadOnly.KeyframeEffectReadOnly(), and KeyframeEffect.KeyframeEffect() all accept an optional dictionary object of timing properties.

Extensions to other interfaces

The Web Animations API adds some new features to document and element.

Extensions to the Document interface

The DocumentTimeline object representing the default document timeline.
Returns an Array of Animation objects currently in effect on elements in the document.

Extensions to the Element interface

A shortcut method for creating and playing an animation on an element. It returns the created Animation object instance.
Returns an Array of Animation objects currently affecting an element or which are scheduled to do so in future.


Specification Status Comment
Web Animations Working Draft Initial definition

See also

문서 태그 및 공헌자

최종 변경자: mfuji09,