CSS转换与JS动画包的性能比较

是的,有区别,CSS要快得多。可能很难看到,直到你得到许多运行在同一时间或更多的他们这样做。但是CSS动画是有限的。在大多数情况下,它们实际上只在 :hover 事件使用JavaScript,您可以在任何事件中执行动画: click , mouseover mousemove , mouseout , keyup , keydown

在我看来,jQuery是2010年JavaScript动画的最佳选择 jQuery Demos

再加上upclix(正确)的回答:JavaScript是一种解释语言,浏览器的JS引擎必须在运行时解析和执行每条指令(我知道有JS编译器,比如V8(在Chrome中使用),但原理不变)。

另一方面,浏览器可以在本地实现CSS转换,例如在C/C++或其他语言中。这段代码将被编译成机器语言。

如果CSS转换是硬件加速还是非硬件加速,取决于浏览器使用的技术、浏览器运行的平台等。

你会注意到手机浏览器(iPhone、Android等)的不同。

CSS动画的优点是由浏览器处理。快速计算和优化是可用的。在我看来,网络动画的表现应该看一个“整体”的观点。毕竟一个动画,就FPS而言,不能比浏览器刷新快。

真正的性能级别由整体UI性能给出。JS和CSS动画看起来很相似。但是CSS动画获胜,因为它们不会阻止UI线程。

http://www.phpied.com/css-animations-off-the-ui-thread/