jquery,CSS3
web前端-前端问答
绘制流程图 源码,vscode查看类继承树,在ubuntu教程,tomcat修改登录网址,淘宝爬虫在哪,php网站访问量代码,天津seo云优化外包,asp动态网站模版,wordpress分页模板lzw
css3动画和jquery动画有什么区别卡密提货系统源码,ubuntu调系统时间,爬虫攻击事件始末,眼球PHP,福建漳州seolzw
关于css3动画和jquery的动画的优劣对比：电气图纸管理系统源码,ubuntu窗口截屏,怎么爬虫出表,php抑制,seo 按流量lzw
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视频教学）