У меня есть мобильное веб-приложение, которое использует Zepto для создания переходов между страницами. Анимация супер гладкая на рабочем столе, но довольно изменчивая на моем iPhone 4. Являются ли анимации более эффективными, чем переходы? В чем разница между анимациями и переходами, помимо гранулярности контроля?Являются ли анимации ключевого кадра CSS3 более плавными, чем переходы свойств?
Это не вопрос перехода к анимации - это вопрос об изменении или изменении свойств.
Содержимое может перемещаться по экрану различными способами: наиболее распространенными являются свойства позиции (слева, сверху, по левому краю, положение прокрутки и т. Д.) Изменяется и преобразуется. На iOS, теперь в версии 5, изменения свойств позиции выполняются с шагом пикселя в ЦП - нет субпиксельной анимации, поэтому движение, особенно на старых дисплеях не-сетчатки, является отрывистым.
Напротив, на GPU выполняются преобразования - особенно 3D-преобразования, поэтому вы получаете очень плавное перемещение и подпиксельную анимацию.
(Обратите внимание, что некоторые настольные браузеры GPU ускоряются позиционные изменения свойств - как IE9 - так что нет никакой разницы визуально между этими двумя подходами)
Я не эксперт, но я предполагаю, что браузер поддерживает анимацию.
Возможно, это более сложный и расширенный способ обработки предложений мультистатических анимаций, а не просто переход от двух состояний.
Спасибо за разъяснение о преобразованиях против изменения свойств. – endemic