Performance: CSS Transitions vs Javascript Effects



在过去的10年里,我一直是DOM中各种视觉效果的javascript过渡的粉丝。几年前,我对CSS过渡进行了一些尝试,但是缺乏支持和当时浏览器的性能问题使我排除了它们作为可靠的替代方案的可能性。

我现在正在重新审视这个话题,并一直在寻找资源和测试,这些资源和测试可以显示这两种方法在性能和跨设备和浏览器支持方面的差异。

问题:谁能建议一些好的2012/2013年末资源,比较两种简单动画效果的方法?

Mods:我知道存在类似的问题,但随着新浏览器的出现,以及 CSS transition规范实现的改进,我认为这是一个值得重新提出的有效问题,因为上次涵盖此问题的主题是在 2010 年

这里是: http://css3.bradshawenterprises.com/blog/jquery-vs-css3-transitions/

结论是,如果您可以使用css进行动画,那么您应该:P

您可以尝试以下资源:

  1. http://www.css3maker.com/css3-transform.html
  2. https://developer.mozilla.org/en-US/docs/CSS/transform
  3. http://tympanus.net/codrops/2011/10/24/creative-css3-animation-menus/
  4. http://www.greywyvern.com/?post=337

以及更多...

这里有它: 为什么用 translate() 移动元素比 pos:abs 上/左更好

最新更新