-webkit-transition/-moz-transition 与 jQuery答案

【问题标题】：-webkit-transition/-moz-transition vs jQuery-webkit-transition/-moz-transition 与 jQuery
【发布时间】：2011-09-07 13:58:11
【问题描述】：

这是一个由两部分组成的问题：

哪种应用样式优先：CSS 中的 -webkit-transition 规则或 jQuery 中类似的 $.css() 方法？

如果我也在 jQuery 中使用 .css 方法，那么在我的样式表中包含 -webkit-transition 规则有什么意义吗？也就是说，如果我仍然包含 jQuery 规则，添加 -webkit-transition 会使动画在 Safari/Webkit 浏览器中更有效吗？（这也适用于-moz-transition）。

还是最好只使用 jQuery？

谢谢！

【问题讨论】：

jQuery 动画不使用转场 AFAIK
一个可以为你处理事情的jQuery插件（无需编辑你的CSS）是jQuery Transit。 ricostacruz.com/jquery.transit

标签： jquery css animation webkit mozilla

【解决方案1】：

我说即使两者都使用它们也很好。如果有人禁用了 javascript，如果他们在最新的浏览器上支持转换等，他们很有可能仍然会通过 CSS 看到预期的转换。这只是我的想法。

编辑：好的，所以我下垂的眼睛把这个问题误认为是 CSS 或 JQuery。但是，在 CSS 文件和 JQuery 动画中这样做是个好主意。我认为在 JQuery.css 中做 webkit 并没有真正的好处

【讨论】：

JavaScript。他们甚至不接近同一件事。请看在上帝的份上，学习这个。
那对不起。当我这么说时，我的意思是动画看起来相同或非常相似。 JQuery 的动画和 CSS 的过渡，普通用户不知道是 CSS 还是 JQuery，当程序员可以让它看起来非常相似时。
我知道你是这个意思。我只是想让你知道 Java 和 JavaScript 不是一回事。 :)
我知道，但是如果浏览器禁用了 java，那么用户就不会看到任何 Jquery 就是我所说的。
@robx：您正在禁用 JavaScript，而不仅仅是 Java。 jQuery 和 Java 没有关系。

【解决方案2】：

根据您使用的规则，本机浏览器 CSS 等效项将是更好的选择，因为它可以进行硬件加速。

看起来Chrome 9+、Safari 5 和Firefox 4 都支持硬件加速的 CSS 转换。 jQuery 正在迎头赶上，看起来它最终会是 hardware accelerated。

【讨论】：