この記事はまだボランティアによって 日本語 に翻訳されていません。ぜひ MDN に参加して翻訳を手伝ってください!
この記事を English (US) で読むこともできます。

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

The AnimationEffect interface of the Web Animations API defines current and future animation effects like KeyframeEffect, which can be passed to Animation objects for playing, and KeyframeEffectReadOnly (which is used by CSS Animations and Transitions).

Methods

AnimationEffect.getTiming()
Returns the EffectTiming object associated with the animation containing all the animation's timing values.
AnimationEffect.getComputedTiming()
Returns the calculated timing properties for this AnimationEffect.
AnimationEffect.updateTiming()
Updates the specified timing properties of this AnimationEffect.

Specifications

Specification Status Comment
Web Animations
The definition of 'AnimationEffect' in that specification.
Working Draft Editor's draft.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic supportChrome ? Edge ? Firefox Full support 63
Full support 63
No support 48 — 63
Alternate Name
Alternate Name Uses the non-standard name: AnimationEffectReadOnly
IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android Full support 63
Full support 63
No support 48 — 63
Alternate Name
Alternate Name Uses the non-standard name: AnimationEffectReadOnly
Opera Android ? Safari iOS ? Samsung Internet Android ?
getComputedTimingChrome ? Edge ? Firefox Full support 63IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android Full support 63Opera Android ? Safari iOS ? Samsung Internet Android ?
getTimingChrome ? Edge ? Firefox Full support 63IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android Full support 63Opera Android ? Safari iOS ? Samsung Internet Android ?
updateTimingChrome ? Edge ? Firefox Full support 63IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android Full support 63Opera Android ? Safari iOS ? Samsung Internet Android ?

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown
Uses a non-standard name.
Uses a non-standard name.

See also

ドキュメントのタグと貢献者

このページの貢献者: fscholz, ngyikp, teoli, Sheppy, suzyh, rachelnabors, chrisdavidmills
最終更新者: fscholz,