脚本宝典收集整理的这篇文章主要介绍了css3动画和jquery动画有什么区别，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

css3动画和jquery动画的区别：1、css3可以设置3d动画，jquery不能实现3d动画；2、css的2d矩阵动画效率较高，其他属性动画效率低，jquery利用margin和left、top模拟的矩阵动画效率低，其他属性动画效率高。

本教程操作环境：windows10系统、CSS3&&jquery3.2.1版本、Dell G3电脑。

css3动画和jquery动画有什么区别

关于css3动画和jquery的动画的优劣对比：

CSS3动画提供了2D和3D以及常规动画属性接口，它可以工作在页面的任何一个元素的任意一个属性， CSS3的动画 是利用c语言编写的，它是系统层面的动画，因此它的效率绝对的高于js模拟的动画，真的就是这样吗？

经过我们的测试发现CSS3动画与javascript模拟动画有以下区别：

1、CSS 3D动画在js中无法实现；

CSS3的3D动画是CSS3中非常强大的功能，因为它的工作原理是在一个三维的空间里，因此js是无法模拟出像CSS3那样的3D动画，当然这个3D动画的实际应用场景是否很广，值得思考……

2、CSS 2D矩阵动画效率高于js利用Margin和left,top模拟的矩阵动画；

CSS3的2D动画是指是2D矩阵Transform变化，比如缩放＼变形＼x轴＼y轴，js当然是不能做变形动画的。就拿坐标动画来说，经过我们的测试发现使用CSS3的transform做translatexY动画比js中的posITion

left，position right快了近700mm!而且视觉上也比js动画流畅很多。

CSS3其它常规动画属性的效率均低于js模拟的动画;

常规动画属性在这里是指：height，width,opacity,border-width,color…..

我们曾在AndROId HTC中测试将一个DOM元素从height:0改变为height:100，我们使用了jQuery

aniMATE和CSS3的transition以及animation，结果表明：CSS3的tansition和animation均慢于jQuery

animate 500mm！其它的常规动画属性均慢于jQuery animate 400-500mm!。

（学习视频分享：css视频教程）

以上就是css3动画和jquery动画有什么区别的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的css3动画和jquery动画有什么区别全部内容，希望文章能够帮你解决css3动画和jquery动画有什么区别所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。