jQuery和CSS動畫在Firefox中變得臃腫

我正在研究minisite，它具有很多jQuery動畫功能。它在Safari，Chrome & IE9中運行良好，但在OSX上，Firefox的動畫非常不穩定（7,8 & 9）。我認爲CSS動畫會更順暢，所以我在網站的iPad版本中使用了這個版本，並在Firefox中試用了這個版本。它看起來一樣糟糕。jQuery和CSS動畫在Firefox中變得臃腫

我還沒有花很多時間用Firefox，所以我不知道我在做什麼錯在這裏。我是否需要觸發GPU加速（例如在Webkit中使用translateZ（0）），還是隻是一直用於所有事情（如IE9？）即使使用GPU，Firefox是否還不夠強大？

我真的很感謝任何幫助，我可以得到。我對此很感興趣。

來源

2012-01-20 Jordan Acosta

就這麼你知道，動畫對我來說也有點不穩定。我在Dual Xeon四核+ nVidia Quadro系統上運行Win 7 64位版本的Chrome 16 – xbonez

經過大量的環顧四周並提出問題後，似乎Firefox並沒有處理DOM動畫以及其他瀏覽器。所以看起來我只能忍受波濤洶涌的Firefox動畫。

來源

2012-01-29 21:00:28

最近我經歷了Firefox的太多錯誤，我們都應該放棄瀏覽器。 –

我注意到，當firefox被窗口化時，動畫不會結結，我在Win 7 x32上。他們工作得很順利。

動畫是隻有一點波濤洶涌，而只用於監管。休息很好&該網站是一個驚人的&你迄今爲止做了驚人的工作！

來源

2012-01-20 09:01:27

謝謝，但藝術和概念是設計師的，我只是將它移動而已。 –

我知道這個問題在幾年前被問過，但是我只是偶然發現了這個問題，除了'firefox sucks'之外沒有真正的答案。在firefox中爲動畫製作dom元素啓用硬件加速的技巧是在翻譯時添加一個小旋轉。例如：

@keyframes square-animation { 
    0%, 100% { 
     transform: translate(600px, 160px) rotate(0.01deg); 
    } 
    50% { 
     transform: translate(355px, 160px) rotate(0.01deg); 
    } 
}

它不穩定的原因是爲了避免模糊動畫（尤其是文本）的div內的任何內容。雖然我個人認爲這不是默認行爲的正確選擇，但您可以看到推理here。

來源

2016-11-21 22:55:23

這對我來說很奇怪 - 很奇怪！ – alib0ng0

jQuery和CSS動畫在Firefox中變得臃腫

回答

相關問題