http://jsfiddle.net/nicktheandroid/5Ytnj/
Когда я добавляю -webkit-backface-visibility: hidden; к элементу .circ, он заставляет его оставаться пикселированным даже после завершения анимации.
Мне интересно, есть ли способ заставить его не pixelate во время анимации. Я просматриваю его в dev-версии Google Chrome.
Хорошо, поэтому я думаю, что придумал работу;
по существу; не используйте "масштаб". используйте "scale3d" и настройте его так, чтобы самое большое изображение было scale3d(1,1,1).
Здесь - пример с кругом, который у вас был там. Я изменил масштаб на 5, потому что я не хотел ставить 0.222222222222222222222222222222222 в функцию scale3d...
[edit] Итак, я снова попробовал демонстрацию jsfiddle, на компьютере без аппаратного ускорения, и эффект пикселизации исчез. Таким образом, кажется, что это та же проблема, что и с scale3d, где она преобразует ее в текстуру, а затем масштабирует ее. вы можете сделать так, как в circ3 div здесь.