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

Question

是否有可能强制jquery使用CSS3过渡为其fadeIn fadeOut效果？

这是一个仅限移动设备的网站，因此我希望尽可能多地提高性能。

Answer 1

首先Google result是jQuery animate enhanced plugin。

  

扩展$ .animate（）以检测Webkit，Mozilla和的CSS转换   Opera并自动转换动画。兼容IE6 +

     

支持的属性:(更多信息）

     

  
• 左/右：使用translate（x，y）或translate3d（x，y，z）
  
• top / bottom：使用translate（x，y）或translate3d（x，y，z）
  
• 不透明度
  
• 宽度
  
• 高度
  

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

Answer 2

我不相信jQuery本身支持CSS3过渡。有几个插件可以为你做，但我认为如果CSS3不可用，它们几乎都会回到使用JS。

浏览器检测可能（不幸的是）在这里成为你的朋友。