前端攻城狮

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

2019-04-14  本文已影响16人  黄一倚

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

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

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

上一篇下一篇

猜你喜欢

热点阅读