1、在性能上会稍微好一些,CSS3使用GPU,浏览器还会对CSS3的动画做一些优化(比如专门新建一个图层用来跑动画)。
2、代码相对简单,在现代 PC 浏览器上,CSS3 Animation 和 Transition 好写好用,流畅丝滑,而且动画过程0 GC。
3、CSS3 比 jQuery animate() 更流畅,更快,更效率。
4、CSS3 更倾向于实现交互效果和界面建设。
但其缺点也很明显:
1、在动画控制上不够灵活。
2、兼容性不好。
3、部分动画功能无法实现。
所以,在实现一些小的交互动效的时候,就多考虑考虑CSS吧。 而在需要兼容性很好并且有复杂的事件响应的情况下使用jQuery中的animate()函数。