HTML-DOM Stil perspectiveOrigin Eigenschaft

Zurück: HTML DOM Stil Perspektive Eigenschaft

Next: HTML DOM Stil die Größe Eigenschaft

Beispiele

3D-Elemente gesetzt Punktposition:

document.getElementById("myDIV").style.perspectiveOrigin="10px 50%";

Definition und Verwendung

perspectiveOrigin Attributdefinition 3D-Elemente basierend auf der X-Achse und Y-Achse. Diese Eigenschaft ermöglicht es Ihnen, die Position des Bodens der 3D-Elemente zu ändern.

Wenn ein Element perspectiveOrigin Attribute definiert ist, erhalten Kind-Elemente ihre perspektivische Wirkung, anstatt das Element selbst.

Hinweis: Bitte Diese Eigenschaft Perspektive Attribut, sondern wirkt sich nur auf die 3D - Konvertierung Element!

Browser-Unterstützung

IE10 + und Firefox Unterstützung perspectiveOrigin Eigenschaft.

Chrome, Safari und Opera unterstützen eine weitere Alternative der Immobilie Attribut, das Eigentum WebkitPerspecitveOrigin.

Grammatik

Zurück perspectiveOrigin Eigenschaften:

object .style.perspectiveOrigin

Einstellen perspectiveOrigin Eigenschaften:

object .style.perspectiveOrigin="x-axis y-axis|initial|inherit"

Eigenschaft Wert

值	描述
x-axis	定义该视图在 x 轴上的位置。可能的值： left center right length % 默认值：50%
y-axis	定义该视图在 y 轴上的位置。可能的值： top center bottom length % 默认值：50%
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。