网页使用js动画还是css动画

现在主要实现动画的方式主要有两种：CCS3和JS。这两种到底使用哪一种好呢？

CSS3的动画通常使用游览器的GPU来渲染，从而减轻CPU的负担，使动画跟流畅。同时CSS3动画在一个单独的线程中运行，这意味着即使动画正在执行，也不会阻塞页面的其他操作。在兼容性方面来说大部分的游览器都是支持相应的CSS3属性的，只有一些旧的游览器不支持某些CSS3的属性，可能会导致动画无法显示。CSS3动画的易用性相对较高，只需通过简单的CSS规则就可以创建出各种动画效果。此外，CSS3还提供了一些预设的动画效果，如过渡（transition）和动画（animation），这些都可以让开发者更加轻松地实现动画。只是过于复杂的动画效果CSS3还是无法做到的。

JS的动画提供了更高的灵活性和控制性，但是JS是单线程的过于复杂的JS动画可能会阻塞其他页面操作，导致页面响应变慢。在兼容性方面来说，几乎所有的浏览器都能支持JS，有更好的兼容性。虽然JS能够操作更比CSS3复杂的动画效果，但是需要编写更多的代码来实现相同的动画效果。

CSS3和JS动画各有优劣，一般根据应用的场景进行选择，一般进行简单的颜色渐变，位置移动，放大缩小和旋转都可以使用CSS3来实现，一些复杂的动画控制速度之类的就要使用JS了。