CSS 动画未显示在 DevTools 动画选项卡中

Question

看起来用 JS 实现的 CSS 动画不会出现在开发人员工具的动画选项卡中。

例如，查看 YouTube 的“静音”按钮。 CSS 文件中没有定义关键帧或动画细节。

CSS 动画似乎是由调用 SVG 元素内“路径”元素的 CSS“翻译”函数的 JS 方法执行的。但是，很难理解代码，所以我无法复制 CSS 动画。

任何人都可以确认吗？

Answer 1

在Chrome DevTools Animations Docs 中，声明目前不支持requestAnimationFrame。

我的主要猜测是一些动画（翻译的）正在从后台使用 requestAnimationFrame 的 javascript 方法调用。