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

Alex Danilo

Web Animations API 是新 Web 标准的一部分,目前由 Mozilla 和 Google 的浏览器工程师开发中。

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

我们很高兴地宣布,Mozilla 现已在 Firefox 48发布element.animate() 实现,从而使用以下新兴的 JS API 实现真正的跨浏览器加速动画。Google 和 Mozilla 共同努力,确保我们的实现能够互操作。这确实是团队协作完成的成果!

使用 Web Animations API 的好处包括帧速率更快且功耗更低,这在所有设备(尤其是移动设备)上都会带来更好的用户体验。

Web Animations API 可通过 polyfill 在所有浏览器中使用,该 polyfill 会在存在全速原生实现时使用全速原生实现,否则会优雅地回退到 JavaScript 实现。WebKit 社区考虑自行实现,而 Edge 团队也将其添加到了待处理事项列表,这让我们深受鼓舞。我们期待所有主流浏览器都能够尽快支持 Web 动画。

如需在 Chrome、Firefox 或 Opera 中获得完整的 Web 动画加速体验,请前往这些演示 页面,亲自试用。