In JavaScript entspricht WebkitTransform in etwa transform . transform ist Standard und WebkitTransform ist für Webkit-Browser verfügbar. WebkitTransform in js entspricht dem Attribut -webkit-transform in CSS.
Das Transformationsattribut in CSS wendet eine 2D- oder 3D-Transformation auf ein Element an. Mit dieser Eigenschaft können wir das Element drehen, skalieren, verschieben oder neigen.
Schauen Sie sich zunächst einen Code an, der das Div nicht verschiebt:
1 2 3 4 5 6 7 |
|
Das Transformationsattribut in CSS kann das Div verschieben. Beispiel:
1 2 3 4 5 6 7 8 |
|
wobei transform:translateX(100px) bedeutet, dass sich das div-Element mit der ID hovertreetf horizontal um 100 Pixel nach rechts bewegt.
Sie können auch js verwenden, um das Transformationsattribut zu bedienen und das Div zu verschieben. Der Effekt ist der gleiche wie bei der Verwendung von CSS oben. Zum Beispiel:
1 2 3 4 5 6 7 8 9 10 |
|
Wie oben erwähnt, entspricht WebkitTransform in etwa der Transformation und ist für Webkit-Browser geeignet. Die Verwendung von js zum Betrieb von WebkitTransform kann auch dazu führen, dass Divs verschoben werden. Zum Beispiel:
1 2 3 4 5 6 7 8 9 10 |
|
WebkitTransform entspricht dem Attribut -webkit-transform in CSS, zum Beispiel:
1 2 3 4 5 6 7 8 |
|
Wenn Sie nur CSS verwenden, um die Transformation festzulegen, js jedoch nicht Wenn Sie es festlegen, erhält js das Transformationsattribut. Der Wert ist leer, zum Beispiel:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
|