javascript - 什么样的 CSS3 动画是异步的？

Question

在浏览器中有几种实现动画的方法：

1. 过渡
2. 转型
3. 动画（@keyframes）
4. 基于 Javascript 的动画

由于单个 UI 线程，后者肯定是同步的。其他人呢？

哪个会阻塞或被 UI 线程阻塞？

如何在浏览器执行大量初始化工作时实现流畅的动画？

更新

我在以下视频中找到了答案：http ://www.youtube.com/watch?feature=player_embedded&v=CE12cBoalIc

Answer 1

CSS 转换和 CSS 动画将在所有页面资源加载完毕并将 CSS 样式表解析到 CSSOM 后立即启动。这些不会阻塞 UI 线程。如果处理不当，Javascript 动画将影响 UI 性能。如果您需要 JS 动画，请务必使用 requestAnimationFrame。这不会阻止 UI，并且会安排与浏览器刷新率同步的批量更改。在浏览器中实现平滑动画并保持 UI 响应的最佳方法是使用 CSS 过渡或动画。