1.css3中的过渡和animation动画都是基于css实现机制的,属于css范畴之内,并没有涉及到任何语言操作。效率略高与jQuery中的animate()函数,但兼容性很差。
2.jQuery中的animate()函数可以简单的理解为css样式的“逐帧动画”,是css样式不同状态的快速切换的结果。效率略低于css3动画执行效率,但是兼容性好。
移动的兼容性好(推荐使用css3的动画,避免卡顿)
推荐在兼容性要求不是很高的情况下尽量使用css3动画,
在需要兼容性很好并且有复杂的事件响应的情况下使用jQuery中的animate()函数。
说明:
1、css3 使用 GPU,jQuery 使用 CPU
2、css3 比 jQuery 更流畅,更快,更效率
3、jQuery 支持所有游览器
4、css3(animation, transition) 不支持 ie6, 7, 8, 9
5、css3 animation 支持的 css 属性比 jQuery 多