Js 动画与 CSS 动画区别及相应实现

CSS3 的动画的优点

在性能上会稍微好一些，浏览器会对 CSS3 的动画做一些优化

代码相对简单

缺点

在动画控制上不够灵活

兼容性不好

 

JavaScript 的动画正好弥补了这两个缺点，控制能力很强，可以单帧的控制、变换，同时功能强大。对于一些复杂控制的动画，使用 javascript 会比较 靠谱。

而在实现一些小的交互动效的时候，就多考虑考虑 CSS 吧

CSS3 的动画的优点

在性能上会稍微好一些，浏览器会对 CSS3 的动画做一些优化

代码相对简单

缺点

在动画控制上不够灵活

兼容性不好

 

JavaScript 的动画正好弥补了这两个缺点，控制能力很强，可以单帧的控制、变换，同时功能强大。对于一些复杂控制的动画，使用 javascript 会比较 靠谱。

而在实现一些小的交互动效的时候，就多考虑考虑 CSS 吧