简单了解css3动画与js动画

比较比较

兼容性
css3
兼容性不好，IE10才开始支持。
js
兼容性好，甚至可以兼容IE6。

性能
css3
在性能上会稍微好一些，浏览器会对CSS3的动画做一些优化（新建图层来跑动画）。
移动端的开发也有这种hack，开启硬件加速，来解决可能的卡顿问题：
css-webkit-transform: translate3d(0, 0, 0);

js
在现代浏览器中性能的差异可以忽略，但是对于帧速表现不好的低版本浏览器，CSS3可以做到自然降级，而JS则需要撰写额外代码。

复杂度
css3
代码相对简单,但是也意味着在动画的控制上不够灵活。部分动画效果不能实现。CSS动画有天然事件支持（TransitionEnd、AnimationEnd）。
js
代码复杂，需要自己写事件，通常需要引入库来减少工作量。粒度控制很细，可以单帧的控制、变换，写出复杂的动画。

结论：在有兼容性要求或者有复杂控制的动画的情况下可以使用js动画，其他情况就使用css3动画。