CSS/Eigenschaften/perspective-origin
Aus SELFHTML-Wiki
< CSS | Eigenschaften(Weitergeleitet von 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öglichLängenangabe
: zeigt Position mit Längenangabe an, negative Werte sind möglichleft
: Schlüsselwort für linkscenter
: Schlüsselwort für 50% der Breiteright
: Schlüsselwort für 100% der Breite
Y-Koordinate
:Prozentwert
: zeigt Position relativ zur Höhe an, negative Werte sind möglichLängenangabe
: zeigt Position mit Längenangabe an, negative Werte sind möglichtop
: Schlüsselwort für obencenter
: Schlüsselwort für 50% der Höhebottom
: Schlüsselwort für 100% der Höhe
- Vererbung steuernde Werte
inherit
,initial
,unset
undrevert
- 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
Siehe auch
Weblinks
- Spezifikation (W3C): perspective-origin property
- MDN: perspective-origin
- Details: caniuse.com
Liste der CSS-Eigenschaften
- Rahmen
- border
- border-radius
- border-image
- border-collapse
- border-spacing
- box-decoration-break
- box-shadow
- outline
- outline-offset
- rotate
- scale
- transform
- transform-origin
- transform-style
- translate
- perspective
- perspective-origin
- backface-visibility
- Abstände
- Benutzeroberfläche
- generierter Inhalt
- Größenangaben
- Grid Layout
- Hintergründe
- Listen
- Tabellen
- Positionierung und Anzeige
- Schriftformatierung
- Textausrichtung
- Animationen