CSS/Eigenschaften/transform-style

Die Eigenschaft transform-style legt fest, wie die Ansicht der Kind-Elemente in 3D dargestellt wird.

erlaubte Werte	flat: (Standardwert) Das Element wird nicht in 3d dargestellt preserve-3d: Das Objekt wird dreidimensional dargestellt initial inherit Vererbung steuernde Werte inherit, initial, unset und revert Defaultwert: flat
anwendbar auf	alle Elemente (Unterschied Tag Element Attribut)
Browsersupport	Details: caniuse.com
Vererbung	ja
animierbar	ja

Beispiel

div {
  transform-style: preserve-3d;
}

 

Beachten Sie: Für ältere Versionen von Safari und Android müssen Sie proprietäre Eigenschaften verwenden.

für Android und Safari:

• -webkit-transform

Sie sollten bei der Definition solcher noch nicht umfassend verbreiteter Eigenschaften die herstellerspezifischen Angaben immer vor der standardisierten Form machen. Da später gemachte Angaben frühere überschreiben, ist so sichergestellt, dass die standardisierten Angaben von dem Zeitpunkt an, an dem sie unterstützt werden, auch verwendet werden.

Weblinks

• Spezifikation (W3C): transform-style property
• MDN: transform-style

Siehe auch

• CSS/Tutorials/Transform/3D-Transforms
  • transform-style