Beispiel
Stellen Sie die Perspektive, aus dem ein Element betrachtet wird:
document.getElementById("myDIV").style.perspective = "50px";
Versuch es selber " Definition und Verwendung
Die Perspektive Eigenschaft definiert, wie viele Pixel ein 3D-Element aus der Ansicht angeordnet ist. Diese Eigenschaft ermöglicht es Ihnen, die Perspektive auf ändern, wie 3D-Elemente betrachtet werden.
Wenn für ein Element der Perspektive Eigenschaft zu definieren, ist es die untergeordneten Elemente, die die perspektivische Ansicht bekommen, nicht das Element selbst.
Note: Die Perspektive Eigenschaft wirkt sich nur auf 3D - transformierten Elemente!
Tip: Verwenden Sie diese Eigenschaft zusammen mit der perspectiveOrigin Eigenschaft, die Ihnen die untere Position der 3D - Elemente ändern.
Browser-Unterstützung
Die Perspektive Eigenschaft wird in IE10 + und Firefox unterstützt.
Chrome, Safari und Opera unterstützen eine Alternative, die WebkitPerspective Eigenschaft.
Syntax
Bringen Sie die Perspektive Eigenschaft:
object .style.perspective Stellen Sie die Perspektive Eigenschaft:
object .style.perspective=" Eigenschaftswerte Wert Beschreibung length 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. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: keiner Rückgabewert: Ein String, die die Perspektive Eigenschaft eines Elements CSS Version CSS3
Verwandte Seiten
JavaScript Style - Objekt: perspectiveOrigin property
CSS - Referenz: perspective property
<Style - Objekt