一、两者的主要区别
先开门见山的说说两者之间的区别。
1）CSS动画：
基于CSS的动画一般由浏览器“主线程”之外的独立线程处理，在其中执行样式、布局、绘制和 JavaScript。
使用CSS动画，允许对单个动画关键帧、持续时间和迭代进行更多控制。
但缺乏表现力，并且很难有意义地组织动画，这意味着创造动画会带来较高的复杂度和错误率。
2）JavaScript动画：
在浏览器主线程的JavaScript中运行，主线程已经忙于运行其他的JavaScript，样式的计算，布局还有绘制。线程内存在资源竞争，这实质上增加了掉帧的风险。
基于JavaScript的动画灵活性更高，完全控制元素在每个步骤，能更好的实现复杂的动画和大量的交互（例如当要求所有的元素在页面加载时顺次加载显示出来）
对于多元素多步骤的动画序列、交互拖拽动画等，用JavaScript实现则是上选。
