什么样的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，并将安排更改以批量同步浏览器刷新率进行。 在CSS过渡或动画中完成在浏览器中实现平滑动画并保持UI响应的最佳方式。