CSS perspective Eigenschaft

Definition und Verwendung

Die perspective-Eigenschaft definiert den Abstand des 3D-Elements vom Ansichtspunkt in Pixeln. Diese Eigenschaft ermöglicht es Ihnen, den Blickwinkel des 3D-Elements zu ändern.

Wenn die perspective-Eigenschaft für ein Element definiert wird, erhalten die Kinder des Elements die Perspektive, nicht das Element selbst.

Anmerkung:Die perspective-Eigenschaft betrifft nur 3D-Transformations-Elemente.

Tipp:Sehen Sie sich bitte an perspective-origin Verwenden Sie die Eigenschaft zusammen mit dieser Eigenschaft, um die Position des Unterbodens des 3D-Elements zu ändern.

Siehe auch:

CSS3 Tutorial:CSS3 3D Transformation

HTML DOM Referenzhandbuch:perspective-Eigenschaft

Beispiel

Setzen Sie die Ansicht, aus der das Element betrachtet wird:

div
{
perspective: 500;
}

Probieren Sie es selbst aus

CSS-Syntax

perspective: number|none;

Eigenschaftswert

Wert Beschreibung
number Entfernung des Elements vom Ansichtspunkt in Pixeln.
keine Standardwert. Gleich 0. Keine Perspektive festgelegt.

Technische Details

Standardwert: keine
Vererbbarkeit: ja
Version: CSS3
JavaScript-Syntax: object.style.perspective=500

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die die Eigenschaft vollständig unterstützt.

Zahlen, die mit -webkit- oder -moz- versehen sind, stellen die erste Version dar, die den Präfix verwendet.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-
10.0 16.0
10.0 -moz-
9.0
4.0.3 -webkit-
23.0
15.0 -webkit-