Blink 中的全新网络动画引擎可推动 CSS 动画和过渡

Alex Danilo

用户希望在现代多设备界面中流畅地播放 60fps 的动画。利用网页当前的动画基元实现这种性能水平并非易事。幸运的是,我们正在开发新的 Blink 动画实现,该实现刚刚在 Chrome Canary 中提供!

令人兴奋的是,它简化了 Blink 的内部机制,并为纳入 Web Animations 1.0 规范中的新 API 功能奠定了基础。

到目前为止,CSS 动画和 CSS 过渡一直都是独立的实现,并且是独立编写的,并不一定能很好地搭配使用。在过去的几年里,浏览器实现者一直在合作开发新一代动画模型,该模型支持同步、按顺序运行动画链、寻求动画时间的任意时间点,以及允许动画改变速度、倒放等。] 通过努力,我们制定了 W3C 规范 Web Animations 1.0

Blink 团队将 Web Animations 推向市场的第一步是,使用 Web Animations 引擎替换现有的 Blink CSS Animations/Transitions C++ 实现。鉴于现在已达成这一里程碑,我们希望尽可能多的开发者检查没有问题,更重要的是,密切关注实现工作,并向我们提供反馈,告诉我们哪些地方是好的/不好的,哪些地方可能需要更改。

接下来是 API 的实现,该 API 允许您通过 JavaScript 创建、修改和查询动画。此 API 旨在让动画高效运行(通过使用声明式语义,让 JavaScript 管理创建动画,并将控制权移交给浏览器),同时仍然向 JavaScript 开发者提供完整的动画控件。

我们正在征求对所提议 API 的积极反馈,以确保我们没有遗漏任何实现强大动画控制所需的功能。与任何新功能一样,相关规范还会不断变化,因此,现在是时候让我们了解您的想法 - 最好订阅并投稿到 public-fx@w3.org 邮寄名单(并将 [Web Animations] 放在主题行中,以引起大家的注意。

您不妨立即试用一下为 CSS 动画和过渡提供支持的新引擎,并将任何奇怪之处发布到 Chromium 错误跟踪工具中,以便我们及时知悉。

我们很高兴为 Blink 引入新一代动画功能,并期待与 WebKitMozilla 等其他浏览器开发者合作,他们也已承诺实现这一新模型。