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

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

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

Мне интересно, есть ли способ заставить его не пикселизировать при анимации. Я просматривал его в версии Google Chrome.

 will01 мая 2012 г., 20:16
У меня была такая же проблема, за исключением того, что у меня проблема с масштабированием кнопки с текстом внутри. Этоаналогичный проблема к тому, что упомянутоВот, Наличие границы не имеет значения,так бывает и с текстом.

Ответы на вопрос(1)

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

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

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

 will14 янв. 2014 г., 17:43
@Rob Я уверен, что это зависит от браузера, а также от GPU. Вы можете изменить его в различных битах конфигурации для Firefox, а в Chrome вы можете добавить аргумент командной строки, чтобы принудительно отключить ускорение GPU.
 Rob14 янв. 2014 г., 14:04
Для меня это не имеет никакого значения, изначально изображение четкое, пикселируются при масштабировании с помощью scale3d и очищаются после анимации.
 Herbi Shtini29 февр. 2016 г., 19:01
Я вошел в систему, чтобы поддержать вас. Thnx!
 Engineer01 авг. 2013 г., 01:13
Спасибо, это решило и мою проблему! Явно установив scale3d (1,1,1) для начального состояния (то есть класса CSS), затем используя scale3d (1,5, 1,5, 1,5) для класса перехода, сделал свое дело. Должен быть принятый ответ.

Ваш ответ на вопрос