Tag: translate3d

eine CSS-Funktion verschieben Sie das element im 3D-Raum verwendet, die mit der CSS-Eigenschaft transform

transform3d(): Mithilfe Prozentsatz zum Bewegen Innerhalb des Übergeordneten Objekts

Anzahl der Antworten 4 Antworten
CSS-standard-Verhalten beim verschieben eines Objekts in Prozent, dass dieser Prozentsatz stellt die Abmessungen des übergeordneten Containers (div). Dies gilt nicht, wenn mit CSS3 transform: translate3d(). Wenn Sie mit prozentualen Werte für entweder die X -, Y-oder Z-Koordinate,

WebKit: Verschwommen text mit css skalieren + translate3d

Anzahl der Antworten 8 Antworten
Ich sehe ein Problem, wo Chrome und anderen WebKit-Browsern Massiv verschleiern css-skalierten Inhalts, der hat auch translate3d angewendet. Hier ist ein JS-Fiddle: http://jsfiddle.net/5f6Wg/. (Ansicht in Chrome.) CSS: .test { -webkit-transform: translate3d(0px, 100px, 0px); } .testInner { /*-webkit-transform:

CSS3 animation translate3d nicht funktioniert

Anzahl der Antworten 1 Antworten
Ich habe experimentiert mit jQuery animieren vs CSS3 animieren, ich denke dies testen wollten, die 2D /3D-übersetzen, um zu sehen, welche besser ist. Weiß jemand, warum meine CSS3 translate3d nicht funktioniert? Ich habe versucht, es auf desktop-und

Übersetzen X und Y Prozentwerte basierend auf Elementen Höhe und Breite?

Anzahl der Antworten 9 Antworten
Übersetzung von einem Elemente Y-Achse 50% bewegen wird, es sich 50% seiner eigenen Höhe, nicht 50% der Eltern die Höhe, wie ich es erwarten würde. Wie erkenne ich eine übersetzung von element-Basis-es ist die übersetzung Prozentsatz auf