Как исправить мерцание при использовании webkit transforms & transitions в iOS 6
мы создали приложение HTML5 для ipad, которое использует преобразования и переходы Webkit для анимации. В прошлом нам приходилось использовать -webkit-transform: translate3d(0,0,0); чтобы включить аппаратное ускорение, чтобы предотвратить анимацию от мерцания и казаться гладкой. Мы обновили iOS 6, и этот метод больше не работает. Есть ли новый способ вызвать аппаратное ускорение в iOS 6 для анимации?
3 ответов
Apple изменила safari в iOS6, так что использование translate3d автоматически не вызывает ускорение GPU. Я думаю, что сейчас люди играют с разными подходами, чтобы понять, как это сделать.
в итоге я исправил это, применив translate3d (0, 0, 0) к каждому элементу внутри того, что я преобразовывал.
.content * { -webkit-transform:translate3d(0,0,0); }