-webkit-transition-property для перевода

Question

Hai.
Что такое свойство перехода для переводов в CSS3? В настоящее время я использую all, но в iOS появилась ошибка, поэтому я хочу проверить другое свойство.

-webkit-transform: translate(-320px, 0);

-webkit-transition: ??? .5 ease-in-out;

См. Ошибку с устройством iOS здесь (проведите горизонтально), есть своего рода вспышка.

---

Обновление : всем, кто заинтересовался, я нашел способ исправить это благодаря Duopixel:

E {
    -webkit-transition: all .5s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0); // perform an "invisible" translation
}

// Then you can translate with translate3d(), no bug!
document.querySelector('E').webkitTransform = 'translate3d(-320px, 0, 0)'

Answer 1

Ваше решение будет работать, однако точный ответ, который вы искали - это -webkit-transform.

-webkit-transition: -webkit-transform .5s ease-in-out;

Answer 2

Существуют тонны вещей, которые вы можете переходить, в моем опыте проще всего проверить непрозрачность.

Однако я уже сталкивался с проблемой перепрошивки, попробуйте:

-webkit-transform: translate3d(-320px, 0, 0);

Это вызовет аппаратное ускорение, которое решит проблему и сделает анимацию чрезвычайно плавной.