Web Animations API 达到了跨浏览器里程碑

Alex Danilo

Web Animations API 是新网络标准的一部分,来自 Mozilla 和 Google 的浏览器工程师目前正在开发标准。

Chrome 36 实现Web Animations API 中的 element.animate() 方法,让开发者能够使用 JavaScript 构建高性能的合成器线程动画。

我们很高兴看到 Mozilla 现已在 Firefox 48正式推出 element.animate(),利用以下新兴的 JS API 实现真正的跨浏览器加速动画。Google 和 Mozilla 密切合作,确保我们的实现可以互操作。这是我们通力协作的成果!

使用 Web Animations API 可带来以下好处:帧速率更高,功耗更低,在所有设备上(尤其是移动设备)上的用户体验都更好。

Web Animations API 可通过 polyfill 在所有浏览器中使用,该 polyfill 将在其存在的情况下使用全速原生实现,在其他情况下则优雅地回退到 JavaScript 实现。WebKit 社区考虑他们自己的实现,并鼓励 Edge 团队将实现添加到积压工作中。我们期待 Web Animations 能尽快在所有主流浏览器中得到支持。

要在 Chrome、Firefox 或 Opera 中体验完整的网页动画体验,请前往这些演示 页面并亲自体验。