HTML DOM Style perspectiveOrigin 屬性
定義和用法
perspectiveOrigin 屬性定義3D 元素基於X 軸和Y 軸的位置。 該屬性允許您改變3D 元素的底部位置。
當為元素定義perspectiveOrigin 屬性時，其子元素會獲得透視效果，而不是元素本身。
注意：請把該屬性與perspective屬性一起使用，而且只影響3D轉換元素！
瀏覽器支持
IE10+ 和Firefox 支持perspectiveOrigin 屬性。
Chrome、Safari 和Opera 支持另一個可替代該屬性的屬性，即WebkitPerspecitveOrigin 屬性。
語法
返回perspectiveOrigin 屬性：
object .style.perspectiveOrigin
設置perspectiveOrigin 屬性：
object .style.perspectiveOrigin="x-axis y-axis|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| x-axis | 定义该视图在 x 轴上的位置。 可能的值：
默认值：50% |
| y-axis | 定义该视图在 y 轴上的位置。 可能的值：
默认值：50% |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
技術細節
| 默認值： | 50% 50% |
|---|---|
| 返回值： | 字符串，表示元素的perspective-origin 屬性。 |
| CSS 版本 | CSS3 |
相關文章
JavaScript Style對象： perspective屬性
CSS參考手冊： perspective-origin屬性