閱讀(5.4k) 書簽贊(0) 我要糾錯

HTML DOM Style perspectiveOrigin 屬性

2018-08-04 20:41 更新

Style perspectiveOrigin 屬性

設(shè)置 3D 元素的基點位置：

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

perspectiveOrigin 屬性定義 3D 元素基于 X 軸和 Y 軸的位置。該屬性允許您改變 3D 元素的底部位置。

當為元素定義 perspectiveOrigin 屬性時，其子元素會獲得透視效果，而不是元素本身。

注意：請把該屬性與 perspective 屬性一起使用，而且只影響 3D 轉(zhuǎn)換元素！

IE10+ 和 Firefox 支持 perspectiveOrigin 屬性。

Chrome、Safari 和 Opera 支持另一個可替代該屬性的屬性，即 WebkitPerspecitveOrigin 屬性。

返回 perspectiveOrigin 屬性：

object.style.perspectiveOrigin

設(shè)置 perspectiveOrigin 屬性：

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

值	描述
x-axis	定義該視圖在 x 軸上的位置。可能的值： left center right length % 默認值：50%
y-axis	定義該視圖在 y 軸上的位置。可能的值： top center bottom length % 默認值：50%
initial	設(shè)置該屬性為它的默認值。請參閱 initial。
inherit	從父元素繼承該屬性。請參閱 inherit。

默認值：	50% 50%
返回值：	字符串，表示元素的 perspective-origin 屬性。
CSS 版本	CSS3