CSS - perspective
Die Perspektive Eigenschaft legt fest, wie viele Pixel ein 3D-Element außerhalb der aktuellen Sicht platziert wird.
Beispiel
div {
perspective: 500px;
}
Definition und Verwendung
Hinweis: Die perspective Eigenschaft wirkt sich nur auf 3D-transformierten Elemente aus.
- Standard Wert:
- none
- CSS Version:
- CSS3
- Vererbt sich:
- Nein
- Animierbar:
- Ja
- -webkit-:
- -webkit-perspective
- -moz-:
- -moz-perspective
Browser Unterstützung
Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein
Mögliche Werte
Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.
| Wert | Beschreibung |
|---|---|
| Länge | Wie weit wird das Element aus der Sicht platziert? |
| none | Standardwert. Das gleiche wie 0. Die Perspektive ist nicht gesetzt. |
| initial | Setzt diese Eigenschaft auf den Standardwert. |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. |