流暢的動畫效果只在Firefox 4

進出口運行流暢不知道爲什麼？我想也許是因爲在Firefox 4中的硬件加速，，但沒有它仍然運行平穩。

所以，也許有人知道爲什麼？

編輯：相對於鉻，Safari瀏覽器，IE8

2011-03-24 user675803

其實這是即使在Firefox 3.6平滑:) – 2011-03-24 22:35:57

我的意思相比，Chrome或Safari其在Firefox 4順利得多，至少在我的電腦 – user675803 2011-03-24 22:48:30

我的意思了同樣，但4號不是關鍵，而是Firefox這個詞。即使在FF 3.6中也是如此。 – 2011-03-24 22:51:27

你的動畫在10秒內只有20像素大小的變化。這意味着每1/2秒只會有一個整體尺寸變化，這正是我在Chrome中看到的。圖像的大小不能設置爲像素的分數（在所有瀏覽器中）。然而，Firefox 4似乎允許這樣做。無論如何，這是我唯一可以想象的事情。

如果您更改了小提琴like this，您會發現Chrome以儘可能快的速度運行動畫，但只有在屬性值（寬度和高度）發生完整整數更改時，圖像纔會移動。

2011-03-24 22:45:58 Pointy

是的，似乎firefox是爲像素做一些線性插值，而其他瀏覽器不是。 – 2011-03-24 22:53:01

是的，似乎這是最新發生的，謝謝 – user675803 2011-03-24 23:02:03

這是一個有趣的副作用，我以前沒有遇到過。

似乎其他瀏覽器不能應用子像素縮放，所以你只有20個像素在10秒內傳播，達到每秒2幀的輝煌。解決這個問題的辦法是應用CSS轉換（如果你不需要支持IE）。

請參閱使用CSS轉換這裏例如： http://jsfiddle.net/nKfdB/

2011-03-24 22:54:31 Duopixel

回答