CSS3-Transformation-Stil
Beispiele
Lassen Sie die untergeordneten Elemente in Reservierungen 3D-Konvertierung:
div
{
Transformation: rotateY (60deg);
Transformation-style: preserve-3d;
-webkit-transform: rotateY (60deg); / * Safari und Chrome * /
-webkit-transform-style: preserve-3d / * Safari und Chrome * /
}
{
Transformation: rotateY (60deg);
Transformation-style: preserve-3d;
-webkit-transform: rotateY (60deg); / * Safari und Chrome * /
-webkit-transform-style: preserve-3d / * Safari und Chrome * /
}
Versuchen »
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.
Unmittelbar im Anschluss an die digitale -webkit-, -MS- oder vor zur Unterstützung der Präfix Attributnummer erste Browser-Version -moz-.
属性 | |||||
---|---|---|---|---|---|
transform-style | 36.0 12.0 -webkit- |
11.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
Attributdefinitionen und Anweisungen
Transformation - style-Attribut festlegen, wie verschachtelte Elemente in einem dreidimensionalen Raum dargestellt werden.
Hinweis: Diese Eigenschaft muss zuerst verwandeln Eigenschaft.
Safari / Chrome - Nutzer:Für ein besseres Verständnis verwandeln - Stil - Eigenschaft finden Sie die Beispiele zeigen .
Standard: | Wohnung |
---|---|
Vererbung: | keine |
Version: | CSS3 |
JavaScript-Syntax: | Objekt .style.transformStyle = "preserve-3d" |
Grammatik
Transform-Stil: flach | preserve-3d;
Wert | Beschreibung |
---|---|
Wohnung | Untergeordnete Elemente wird seine nicht 3D-Position beibehalten. |
preserve-3d | Untergeordnete Elemente wird seine 3D-Position beibehalten. |