-webkit-Übergang-Eigenschaft für die Übersetzung

Question

Hai.
Was ist die Übergangseigenschaft für Übersetzungen in CSS3? Ich verwende derzeit all, aber ich habe einen Fehler in iOS, also möchte ich eine andere Eigenschaft testen.

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

 

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

den Fehler finden mit einem iOS-Gerät here (Swipe horizontal), gibt es eine Art Blitz.

---

aktualisieren: für alle Interessierten, fand ich einen Weg, um es dank Duopixel zu beheben:

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

Es gibt Unmengen an Dinge, die man übergehen kann, ist die einfachste meiner Erfahrung zu testen ist Opazität.

Allerdings habe ich vor den blinkenden Problem aufgetreten, versuchen:

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

Diese in Hardware-Beschleunigung treten wird, der das Problem behebt und macht die Animation extrem glatt.

Answer 2

Ihre Lösung wird funktionieren, aber es ist die genaue Antwort, die Sie suchen, ist -webkit-transform.

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