при масштабировании элемента с масштабом css3 он становится пиксельным до тех пор, пока анимация не будет завершена.Я анимирую элемент с рамкой - PullRequest
16 голосов
/ 03 апреля 2012

http://jsfiddle.net/nicktheandroid/5Ytnj/

Когда я добавляю -webkit-backface-visibility: hidden; к элементу .circ, он остается пикселизированным даже после завершения анимации.

Интересно, есть лиспособ заставить его не пикселизировать во время анимации.Я просматриваю его в версии Google Chrome для разработчиков.

1 Ответ

23 голосов
/ 01 мая 2012

Хорошо, так что я думаю, что придумал работу вокруг;

по существу; не используйте «масштаб». используйте «scale3d» и настройте его так, чтобы наибольшее требуемое изображение было scale3d(1,1,1).

Здесь - пример с тем кругом, который у вас там был. Я изменил масштаб на 5, потому что не хотел помещать 0.222222222222222222222222222222222 в функцию scale3d ...

[edit] Итак, я снова попробовал демо jsfiddle на компьютере без аппаратного ускорения, и эффект пикселизации пропал. Таким образом, кажется, что это та же проблема, что и с scale3d, где он преобразует ее в текстуру, а затем масштабирует ее. вы можете сделать как в circ3 div здесь .

...