美文网首页前端攻城狮
关于js动画和css3动画的差异性你了解吗?请简单谈一下

关于js动画和css3动画的差异性你了解吗?请简单谈一下

作者: 黄一倚 | 来源:发表于2019-04-14 09:01 被阅读16次

    css3动画:css3之后添加了transform动画计算函数,所以实现动画更为简单方便,并且transform矩阵是C++级的计算,所以速度会快很多。但是动画控制上不是特别灵活,部分动画无法实现(比如轮播图,视差滚动都需要js去参与)并且兼容性也存在一定问题。

    js动画:一般可以使用requestAnimationFrame去实现,js动画相对css3动画来说,控制力更强一些,可以单帧的控制变换,同时可以兼容到IE6版本的浏览器,并且功能非常强大,但是它编码较为繁琐,并且运算预渲染性能都不如css3动画。

    所以,综合考虑,简单的交互动画就用css3实现,控制比较复杂、比较繁琐的交互动画可以交由js实现。

    相关文章

      网友评论

        本文标题:关于js动画和css3动画的差异性你了解吗?请简单谈一下

        本文链接:https://www.haomeiwen.com/subject/lncjwqtx.html