Я пошел через журналы изменения MobileSafari в IOS 6, где говорится:Список аппаратного ускорения свойств CSS для мобильного сафари
WebKit уже не всегда создает аппаратное ускорение слоев для элементов с -webkit-преобразование : сохранение-3d вариант. Авторы должны прекратить использовать эту опцию в качестве способа получения аппаратного ускорения
Существует ли какой-либо список аппаратных ускоренных свойств CSS?
Эти аспекты документа могут быть ускорены ГПУ:
Подробнее об этом здесь http://www.html5rocks.com/en/tutorials/speed/html5/
Может быть, эта статья поможет слишком http://indiegamr.com/ios6-html-hardware-acceleration-changes-and-how-to-fix-them/
И это один http://mobile.smashingmagazine.com/2012/06/21/play-with-hardware-accelerated-css/
Пол Льюис & Paul Irish есть очень хорошая статья о высокой эффективности анимаций.
«Мы собираемся вырезать прямо в погоню Современные браузеры могут оживить четыре вещи действительно дешево:.. Положение, масштаб, поворот и прозрачность Если вы анимировать что-нибудь еще, это на свой страх и риск, и шансы вы не собираетесь поражать шелковистой гладкой 60fps. "
Позиция - преобразование: перевод (п пикс, п пикс);
Масштаб - преобразование: шкала (n);
Вращение - преобразование: повернуться (n град.);
Непрозрачность - непрозрачность: 0..1;
TranslateZ() или Translate3D() могут потребоваться.
Источник: http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/
Спасибо за ваш ответ, но это было бы здорово, если бы мы составьте список этих свойств CSS. – bitsbuffer