Referenz:CSS/Eigenschaften/transform-style

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft transform-style CSS 3.0
Beschreibung 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
default-Wert

flat

anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung ja
animierbar ja
Browsersupport
  • Chrome
  • Firefox
  • IE 11
  • Opera
  • Safari
Spezifikation W3c logo klein.gif transform-style property
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.

Tipp