Beispiel
Stellen Sie eine Basis Platzierung des 3D-Element:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Versuch es selber " Definition und Verwendung
Die perspectiveOrigin Eigenschaft definiert, in dem ein 3D-Elemente in den x- und der y-Achse basiert. Diese Eigenschaft ermöglicht es Ihnen, die untere Position der 3D-Elemente zu ändern.
Wenn für ein Element der perspectiveOrigin Eigenschaft definiert, ist es, das Kind-Elemente, die angeordnet sind, das Element nicht selbst.
Note: Diese Eigenschaft muss zusammen mit dem verwendet werden Perspektive Eigenschaft, und wirkt sich nur auf 3D - Elemente verwandelt!
Browser-Unterstützung
Die perspectiveOrigin Eigenschaft wird in IE10 + und Firefox unterstützt.
Chrome, Safari und Opera unterstützen eine Alternative, die WebkitPerspecitveOrigin Eigenschaft.
Syntax
Bringen Sie die perspectiveOrigin Eigenschaft:
object .style.perspectiveOrigin Stellen Sie die perspectiveOrigin Eigenschaft:
object .style.perspectiveOrigin=" Eigenschaftswerte Wert Beschreibung x-axis Definieren, wo wird die Ansicht auf der x-Achse platziert Mögliche Werte:
- links
- Center
- Recht
- length
- %
Standardwert: 50%
y-axis Definieren, wo wird die Ansicht auf der y-Achse platziert Mögliche Werte:
- oben
- Center
- Boden
- length
- %
Standardwert: 50%
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: 50% 50% Rückgabewert: Ein String, die die Sicht-origin Eigenschaft eines Elements CSS Version CSS3
Verwandte Seiten
JavaScript Style - Objekt: perspective property
CSS - Referenz: perspective-origin property
<Style - Objekt