強制jQuery使用css3的效果

Question

是否有可能強制jQuery使用CSS3轉換爲其淡入淡出效果？

這是一個手機唯一的網站，所以我想盡可能地擠出更多的性能。

Answer 1

第一個Google result是jQuery animate enhanced plugin。

擴展$ .animate（）檢測Webkit，Mozilla和Chrome瀏覽器的CSS轉換，並自動轉換動畫。與IE6兼容+

屬性的支持：（更多的驚喜）

• 左/右：使用平移（X，Y）或translate3d（X，Y，Z）
• 頂部/底部：使用翻譯（X，Y）或translate3d（X，Y，Z）
• 不透明度
• 寬度
• 高度

根據this page，您應該將插件的useTranslate3d選項設置爲true，以使iDevices上的平滑（硬件加速）動畫。

Answer 2

我不相信jQuery原生支持CSS3轉換。有幾個插件可以幫你實現，但我認爲如果CSS3不可用的話，他們幾乎都會使用JS。

瀏覽器檢測可能（不幸）是你的朋友在這裏。