CSS/Eigenschaften/perspective

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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;
}

Der Inhalt enthält ein Gleichheitszeichen, das den Parser durcheinanderbringt. Bitte ein 1= am Anfang einfügen: {{BeispielText|1= ...}}
(Es kann aber auch sein, dass kein Inhalt vorhanden ist.)

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.