css3 animation与jQuery animate()区别

css3 animation与jQuery animate()区别在于实现机制不同：
1.css3中的过渡和animation动画都是基于css实现机制的，属于css范畴之内，并没有涉及到任何语言操作。效率略高与jQuery中的animate()函数，但兼容性很差。
2.jQuery中的animate()函数可以简单的理解为css样式的“逐帧动画”，是css样式不同状态的快速切换的结果。效率略低于css3动画执行效率，但是兼容性好。‍

推荐在兼容性要求不是很高的情况下尽量使用css3动画，在需要兼容性很好并且有复杂的事件响应的情况下使用jQuery中的animate()函数。

1、css3 使用 GPU，jQuery 使用 CPU

2、css3 animation 支持的 css 属性比 jQuery 多