CSS/Eigenschaften/perspective-origin

Die Eigenschaft perspective-origin legt die Position des Betrachters einer perspektivischen Ansicht fest

Erlaubte Werte

• X-Koordinate:
  • Prozentwert: zeigt Position relativ zur Breite an, negative Werte sind möglich
  • Längenangabe: zeigt Position mit Längenangabe an, negative Werte sind möglich
  • left: Schlüsselwort für links
  • center: Schlüsselwort für 50% der Breite
  • right: Schlüsselwort für 100% der Breite

• Y-Koordinate:
  • Prozentwert: zeigt Position relativ zur Höhe an, negative Werte sind möglich
  • Längenangabe: zeigt Position mit Längenangabe an, negative Werte sind möglich
  • top: Schlüsselwort für oben
  • center: Schlüsselwort für 50% der Höhe
  • bottom: Schlüsselwort für 100% der Höhe

Vererbung steuernde Werte inherit, initial, unset und revert

Defaultwert

50% 50%

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

ja

Beispiel

div {
  perspective-origin: left top;
}

 

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.

Siehe auch

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

Weblinks

• Spezifikation (W3C): perspective-origin property
• MDN: perspective-origin
• Details: caniuse.com