Список свойств CSS с аппаратным ускорением для мобильного сафари

Я просмотрел журналы изменений MobileSafari в iOS 6, где говорится:

WebKit больше не всегда создает слои с аппаратным ускорением для элементов с опцией -webkit-transform: save-3d. Авторам следует прекратить использовать эту опцию как способ получить аппаратное ускорение.

Существует ли какой-либо список свойств CSS с аппаратным ускорением?


hardware-acceleration css ios6
person bitsbuffer    schedule 24.04.2013    source источник

Ответы (2)


arrow_upward
11
arrow_downward

Эти аспекты вашего документа могут быть ускорены с помощью графического процессора:

  • Компоновка общего макета
  • Переходы CSS3
  • 3D-преобразования CSS3
  • Холст Рисунок
  • 3D-чертеж WebGL

Подробнее об этом здесь 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/

person alexcristea    schedule 24.04.2013
comment
Спасибо за ваш ответ, но было бы здорово, если бы мы составили список этих свойств css. - person bitsbuffer; 24.04.2013

arrow_upward
9
arrow_downward

Пол Льюис и Пол Айриш написали действительно хорошую статью о высокопроизводительных анимациях.

«Мы собираемся сразу перейти к делу. Современные браузеры могут очень дешево анимировать четыре вещи: положение, масштаб, вращение и непрозрачность. чтобы достичь гладких 60 кадров в секунду».

4 вещи, которые браузер может дешево анимировать

Позиция - transform: translate(n пикс., n пикс.);

Масштаб – преобразование: масштаб(n);

Вращение – преобразование: rotate(n deg);

Непрозрачность - непрозрачность: 0..1;

Может потребоваться TranslateZ() или Translate3D().

Источник: http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/

person Stoikerty    schedule 17.12.2013