css3过渡和jquery动画之间的区别

时间:2016-11-04 07:21:06

标签: jquery css3

我之前使用过渡来增加,减小div的宽度,还改变了div的背景颜色以获得动画类型的效果。我也通过在jQuery中使用animate函数完成了同样的事情。通过使用这两个过程我得到的效果是相同的。如果有人能帮助我解决他们之间的区别,那会很有帮助。提前谢谢你:)

1 个答案:

答案 0 :(得分:5)

主要区别是速度

CSS3动画在一个单独的线程中运行,而不是JavaScript,因此它非常无阻塞。因此,如果您的应用程序有一些负载,CSS3最好。

http://www.phpied.com/css-animations-off-the-ui-thread/

CSS3动画性能与JavaScript竞争,但不一定优越。此页面允许您测试多种浏览器动画技术并查看实际差异。

https://greensock.com/js/speed.html

CSS3动画也经常是硬件加速(动画在GPU上运行而不是CPU提升性能)。但许多JavaScript动画工具也是如此。