使用CSS动画比jQuery动画更有优势吗？ （表演或其他）

Question

我是说， CSS动画很酷，但CSS3合规性令人讨厌地不合标准。 但是，忽略浏览器的所有问题以及无法与最新的W3C保持同步，

与jQuery动画相比，是否存在某种性能优势？

为什么要实施？

Answer 1

作为一般经验法则，每当JavaScript 可以并且取得相同的结果时，应该可以避免。

总是首选使用本机浏览器功能，因为它通常会在性能方面更好，而且通常会看起来更好。

补充要点：

• jQuery动画不是真正的动画，它们是假的，而原生的CSS3浏览器动画实际上就是动画。因此，GPU可以加速原生CSS3动画，而jQuery动画则不能。
• 请注意，并非所有浏览器都支持CSS3动画/过渡。您可能希望test if the browser supports it，并采取相应的行动。

Answer 2

CSS动画具有潜在的硬件加速优势。这是一个Scripty2的演示（我知道，它不是jQuery - 但是相同的原理）可以很好地演示这一点。

http://scripty2.com/hardware-acceleration/

Answer 3

GPU可以加速CSS动画，而Javascript动画则不会。如果你毫无疑问地知道你的用户群将支持动画的css版本，那么选择css会很有意义。

如果您需要支持旧浏览器，则javascript是正确的调用。

Answer 4

对于所有认为Javascript对于较旧的浏览器更好的人来说，这不一定是真的。考虑到Andy Clarke对此的看法，使用可靠的语义标记和CSS3比使用Javascript更好地讲述一个优秀且具有良好，可访问的后备的故事。

http://forabeautifulweb.com/blog/about/its_a_mad_mad_mad_mad_manimation/

Answer 5

但是每个浏览器都不支持css动画，这是一个重要的问题，取决于你的公众。

Answer 6

最大的好处是，由于硬件加速，它在iPad，iPhone，Android以及Safari mac中都能非常流畅地运行。 jquery动画在移动设备上不流畅。在未来，CSS动画会因为它们是标准的而变得柔和，但jquery将保持不变。使用这些

是更具前瞻性的证据