Я создаю приложение с помощью Sencha Touch, предназначенное для iPad. Единственный известный мне способ добиться плавной анимации — использовать свойство css -webkit-transform. Это работает для перемещения вещей с помощью translate3d и их масштабирования, однако я хочу изменить размеры элементов (ширину и высоту). Представьте себе элемент, который увеличивается в размерах, чтобы вместить нового ребенка - вот что мне нужно.
Что аппаратно ускоряется, кроме -webkit-transform в мобильном сафари (webkit)?
Ответы (1)
Вам не повезет с шириной и высотой, так как любые переходы для этих свойств не будут аппаратно ускорены. Вместо этого в Safari вы получите прерывистую анимацию, которая даже не масштабируется должным образом. В моих тестах браузер сначала переходил по высоте, а затем резко вставал на место по ширине или наоборот. Если все, что вы хотите сделать, это масштабировать элемент (изменить его размеры), вам следует использовать -webkit-transform: scale(x, y).
person
Matthew
schedule
15.09.2011
