AnimationEffect - 定义了当前和将来的动画效果
这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。
AnimationEffect
是 Web Animations API 的接口,定义了当前和将来的动画效果,例如 KeyframeEffect
(可以传递给 Animation
对象进行播放)和 KeyframeEffectReadOnly
(用于 CSS 动画和过渡)。
方法
AnimationEffect.getTiming()
返回与包含所有动画定时值的动画相关联的 EffectTiming
对象。
AnimationEffect.getComputedTiming()
返回该 AnimationEffect
的计算时间属性。
AnimationEffect.updateTiming()
更新此 AnimationEffect
的指定时间属性。
规范
规范 | 状态 | 备注 |
---|---|---|
Web Animations AnimationEffect 的定义 |
工作草案 | Editor's draft. |
桌面浏览器兼容性
特性 | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
基础支持 | 未知 | 未知 | 63 48 — 631 | 未知 | 未知 | 未知 |
getComputedTiming | 未知 | 未知 | 63 | 未知 | 未知 | 未知 |
getTiming | 未知 | 未知 | 63 | 未知 | 未知 | 未知 |
updateTiming | 未知 | 未知 | 63 | 未知 | 未知 | 未知 |
移动浏览器兼容性
特性 | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
基础支持 | 未知 | 未知 | 未知 | 63 48 — 631 | 未知 | 未知 | 未知 |
getComputedTiming | 未知 | 未知 | 未知 | 63 | 未知 | 未知 | 未知 |
getTiming | 未知 | 未知 | 未知 | 63 | 未知 | 未知 | 未知 |
updateTiming | 未知 | 未知 | 未知 | 63 | 未知 | 未知 | 未知 |
1. 通过 AnimationEffectReadOnly
支持。