性能：CSS 过渡与 Javascript 效果答案

【问题标题】：Performance: CSS Transitions vs Javascript Effects性能：CSS 过渡与 Javascript 效果
【发布时间】：2013-01-17 16:55:40
【问题描述】：

在过去的 10 年里，我一直是 DOM 中各种视觉效果的 javascript 转换的粉丝。几年前，我对 CSS 过渡进行了一些试验，但由于缺乏支持以及当时浏览器的性能问题，我将它们排除在外。

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

问题：谁能推荐一些好的 2012/2013 年末资源来比较这两种方法来制作简单的动画效果？

Mods：我知道similar questions exist，但是随着新浏览器的出现，以及CSS transition 规范的改进，我认为这是一个需要重新提出的有效问题自从上一次讨论这个话题是在 2010 年

【问题讨论】：

【解决方案1】：

结论是，如果您可以使用 css 制作动画，那么您应该：P

【讨论】：

请注意，link-only answers are discouraged，SO 答案应该是搜索解决方案的终点（相对于另一个参考中途停留，随着时间的推移往往会变得陈旧）。请考虑在此处添加独立的概要，并保留链接作为参考。

【解决方案2】：

【讨论】：

【解决方案3】：

你可以试试这些资源：

还有更多...

【讨论】：