iphone - -webkit-transition-property 用于翻译

Question

嗨.
CSS3 中翻译的过渡属性是什么？我目前正在使用 all，但我在 iOS 中遇到了一个错误，所以我想测试另一个属性。

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

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

查看 iOS 设备的错误 here (水平滑动)，有一种闪光。

---

更新:对于任何感兴趣的人，我找到了一种修复它的方法，感谢 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;