Что такое аппаратное ускорение, кроме -webkit-transform в мобильном сафари (webkit)?

Question

Я создаю приложение, используя Sencha Touch, предназначенное для iPad.Единственный способ добиться плавной анимации, который я знаю, это использовать свойство -webkit-transform css.Это работает для перемещения объектов с помощью translate3d и их масштабирования, однако я хочу изменить размеры элементов (ширину и высоту).Представьте себе элемент, который увеличивается в размерах, чтобы приспособиться к новому ребенку - вот чего я хочу

Answer 1

Вам не повезет с шириной и высотой, поскольку любые переходы для этих свойств не будут ускоряться аппаратно. Вместо этого в Safari вы получите резкую анимацию, которая даже не масштабируется должным образом. В моих тестах браузер сначала изменял высоту, затем ширина резко менялась или наоборот. Если все, что вы хотите сделать, это масштабировать элемент (изменить его размеры), тогда вам следует -webkit-transform: scale(x, y).