CSS perspective Eigenschaft
- 上一页 paint-order
- 下一页 perspective-origin
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; }
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- |
- 上一页 paint-order
- 下一页 perspective-origin