兼容性不好，IE10才开始支持。
兼容性好，甚至可以兼容IE6。
在性能上会稍微好一些，浏览器会对CSS3的动画做一些优化（新建图层来跑动画）。
移动端的开发也有这种hack，开启硬件加速，来解决可能的卡顿问题：
css-webkit-transform: translate3d(0, 0, 0);
在现代浏览器中性能的差异可以忽略，但是对于帧速表现不好的低版本浏览器，CSS3可以做到自然降级，而JS则需要撰写额外代码。
代码相对简单,但是也意味着在动画的控制上不够灵活。部分动画效果不能实现。CSS动画有天然事件支持（TransitionEnd、AnimationEnd）。
代码复杂，需要自己写事件，通常需要引入库来减少工作量。粒度控制很细，可以单帧的控制、变换，写出复杂的动画。
在有兼容性要求或者有复杂控制的动画的情况下可以使用js动画，其他情况就使用css3动画。
动画历史回顾：gif动画->flash动画->js动画->css3动画 过渡动画（即补间动画）：用于实现两种状态的...
一、 动画网页动画可以通过以下几种方式实现（gif、flash 除外），css3 动画SVG 动画JS 动画（包括...
一、 动画网页动画可以通过以下几种方式实现（gif、flash 除外），css3 动画SVG 动画JS 动画（包括...
CSS3 动画结束时是有触发事件的，这个之前竟然不了解。。除了JS动画如果做纯css3动画的时候使用 delay ...
CSS3实现动画，可以实现不使用js，避免使用js主线程，阻塞主线程，下面我们看个很基本的动画 这个基本的动画，但...
比较 兼容性 css3 兼容性不好，IE10才开始支持。 js 兼容性好，甚至可以兼容IE6。 性能 css3 在...
css3中变形与动画（上） 1.Animation 动画定义animation动画2.Animation动画播放 ...
1.使用动画 （js实现动画，css3实现动画） 一个是帧动画 一个是补间动画 什么是帧动画：使用定时器 每隔一段...
CSS3 transition动画 CSS3 transform变换 CSS3 animation动画
1，前言 和css3动画不同，小程序中动画是主要是通过js控制的，简单来说就是创建一个动画实例animation。...
本文标题：css3动画与js动画
本文链接：https://www.haomeiwen.com/subject/ozsauxtx.html
网友评论