Хай.
Что такое свойство transition для переводов в 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)'