#google-chrome #css #transition
#google-chrome #css #переход
Вопрос:
Я протестировал свой веб-сайт на компьютерах Mac и PC. Я обнаружил, что переходы CSS3 выполняются более плавно на Mac, чем на ПК. На самом деле, мой друг, у которого новейший игровой компьютер, я вижу, что кадры отстают чаще, чем на моем MacBook Air. Разве переходы CSS3 не ускоряются аппаратно и на ПК?
Комментарии:
1. Включены ли в Chrome композитинг с ускорением GPU и Canvas 2D с ускорением GPU://flags?
Ответ №1:
Я думаю, что Chrome ускоряет только 3D-преобразования. Вы можете хитростью ускорить 2D-переходы, добавив -webkit-transform: translateZ(0); к элементу.
Более подробная информация здесь: http://www.html5rocks.com/en/tutorials/speed/html5/#toc-hardware-accell
Если вы используете jQuery, есть симпатичный маленький плагин, который пытается аппаратно ускорить / преобразовать в переходы все анимации здесь:http://github.com/benbarnett/jQuery-Animate-Enhanced