Из того, что я знаю, единственное свойство аппаратного ускорения с использованием переходов - это translate3d
transform
.
Например:
// Normal
div{
-webkit-transition: all 0.5s ease-out;
}
// Adding class to animate
div.transformed{
-webkit-transform: translate3d(100px, 100px, 0);
}
Если вы используете только преобразование translate
или анимируете любое другое свойство, оно не будет аппаратно ускорено.