AnimationEffect - 定义了当前和将来的动画效果

这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

AnimationEffectWeb Animations API 的接口,定义了当前和将来的动画效果,例如 KeyframeEffect(可以传递给 Animation 对象进行播放)和 KeyframeEffectReadOnly(用于 CSS 动画过渡)。

方法

AnimationEffect.getTiming()

返回与包含所有动画定时值的动画相关联的 EffectTiming 对象。

AnimationEffect.getComputedTiming()

返回该 AnimationEffect 的计算时间属性。

AnimationEffect.updateTiming()

更新此 AnimationEffect 的指定时间属性。

规范

规范 状态 备注
Web Animations
AnimationEffect 的定义
工作草案 Editor's draft.

桌面浏览器兼容性

特性ChromeEdgeFirefoxInternet ExplorerOperaSafari
基础支持 未知 未知

63

48 — 631

未知 未知 未知
getComputedTiming 未知 未知63 未知 未知 未知
getTiming 未知 未知63 未知 未知 未知
updateTiming 未知 未知63 未知 未知 未知

移动浏览器兼容性

特性AndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
基础支持 未知 未知 未知

63

48 — 631

未知 未知 未知
getComputedTiming 未知 未知 未知63 未知 未知 未知
getTiming 未知 未知 未知63 未知 未知 未知
updateTiming 未知 未知 未知63 未知 未知 未知

1. 通过 AnimationEffectReadOnly 支持。

相关链接