CSS/Eigenschaften/perspective

Die Eigenschaft perspective legt eine perspektivische Ansicht für eine 3D-Transformation fest.

erlaubte Werte	none: keine Perspektive Längenangabe: Entfernung zur z-Ebene Vererbung steuernde Werte inherit, initial, unset und revert Defaultwert: none
anwendbar auf	alle Elemente (Unterschied Tag Element Attribut)
Browsersupport	Details: caniuse.com
Vererbung	nein
animierbar	ja, als Länge

Beispiel

>div {
  perspective: 100px;
}

Die Transformation wird aus 100px Entfernung betrachtet.

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): perspective property

Siehe auch

• CSS/Tutorials/Transform/3D-Transforms#perspective