强制jquery使用css3来实现其效果

Question

有没有可能强制jquery使用CSS3转换来实现其fadeIn fadeOut效果？

这是一个纯手机的网站，所以我想尽可能多的提高它的性能。

Answer 1

第一个Google result是jQuery animate enhanced plugin。

扩展$.animate()以检测Webkit、Mozilla和Opera转换，并自动转换动画。与IE6+兼容

支持的属性：(更多信息)

• left/right :使用translate(x，y)或translate3d(x，y，z)
• 顶部/底部:使用translate(x，y)或translate3d(x，y，right

根据this page的说法，你应该将插件的useTranslate3d选项设置为true，以便在iDevices上实现更流畅的(硬件加速的)动画。

Answer 2

我不相信jQuery本身就支持CSS3转换。有几个插件可以帮你做到这一点，但我认为如果CSS3不可用，它们几乎都会退回到使用JS。

浏览器检测可能(不幸的)是你的朋友。