плавная анимация только в Firefox 4

Question

Кажется, что следующая установка на jsfiddle работает только в Firefox 4. http://jsfiddle.net/ynytc/39/

Мне интересно, почему? Я подумал, может быть, из-за аппаратного ускорения в Firefox 4, но без этого все еще работает гладко.

Так может кто знает почему?

редактировать: по сравнению с Chrome, Safari, т.е. 8

Answer 1

Это интересный побочный эффект, с которым я раньше не сталкивался.

Похоже, что другие браузеры не могут применять субпиксельное масштабирование, поэтому у вас есть только 20 пикселей для распространения за 10 секунд, что приводит кGlorius 2 кадра в секунду.Обходным путем для этого будет применение CSS-переходов (если вам не требуется поддержка IE).

См. Пример с переходами CSS здесь: http://jsfiddle.net/nKfdB/

Answer 2

Вы анимируете в течение 10 секунд изменение размера только на 20 пикселей.Это означает, что каждые полсекунды будет изменяться только одно целое измерение, и это именно то, что я вижу в Chrome.Размер изображения не может быть установлен в долях пикселя (во всех браузерах).Firefox 4, кажется, позволяет это, однако;В любом случае, это единственное, что я могу себе представить.

Если вы измените свою скрипку следующим образом , вы увидите, что Chrome запускает анимацию так быстро, как вы этого хотите, но изображениесдвигается только в случае целочисленного изменения значения свойства (ширина и высота).