CSS3 transform-Verwendung und Beispiel der style-Eigenschaft

transform-Die style CSS-Eigenschaft bestimmt, wo die Kindelemente des Elements platziert werden3im D-Raum platziert oder in der Ebene des Elements verlegt. Wenn flach gelegt, werden die Kindelemente nicht im dreidimensionalen Raum unabhängig existieren.

Diese Eigenschaft ist nur für Elemente mittransformKindelemente der angegebenen Eigenschaft.

Die folgende Tabelle enthält die Beschreibung der Verwendung und die Versionshistorie dieser Eigenschaft sowie die Verwendungssyntax in JavaScript-Skripten.

transform-Verwendungssyntax von style

Die Syntax dieser Eigenschaft ist wie folgt:

transform-style:　flat　|　preserve-3d　|　initial　|　inherit

Der folgende Beispiel zeigt, wie transform verwendet wird-style-Eigenschaft.

img　{
　　　　/*　Chrome,　Safari,　Opera　*/
　　　　-webkit-transform:　rotate(30deg);
　　　　-webkit-transform-style:　preserve-3d;
　　　　/*　Firefox　*/
　　　　-moz-transform:　rotate(30deg);
　　　　-moz-transform-style:　preserve-3d;
　　　　/*　IE　9　*/
　　　　-ms-transform:　rotate(30deg);
　　　　-ms-transform-style:　preserve-3d;
　　　　
　　　　transform:　rotate(30deg);
　　　　transform-style:　preserve-3d;
}

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Browserkompatibilität

transform-Kompatibilität der style-Eigenschaft des Browsers, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

Weiters Lesen

Bitte参阅以下教程：CSS3 2D-Transformation，CSS3 3D-Transformation

Verwandte Eigenschaften:backface-visibility，perspective，perspective-origin，transform，transform-origin。