HTML DOM Style perspective 屬性
定義和用法
perspective 屬性定義3D 元素距視圖的距離，以像素計。 該屬性允許您改變3D 元素被查看的視角。
當為元素定義perspective 屬性時，其子元素會獲得透視效果，而不是元素本身。
注意： perspective屬性只影響3D轉換元素！
提示：請把該屬性與perspectiveOrigin屬性一起使用，這樣您就能夠改變3D元素的底部位置。
瀏覽器支持
IE10+ 和Firefox 支持perspective 屬性。
Chrome、Safari 和Opera 支持另一個可替代該屬性的屬性，即WebkitPerspective 屬性。
語法
返回perspective 屬性：
object .style.perspective
設置perspective 屬性：
object .style.perspective="length|none"
屬性值
| 值 | 描述 |
|---|---|
| length | 元素距离视图的距离，以像素计。 |
| none | 默认值。与 0 相同。不设置透视。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
技術細節
| 默認值： | none |
|---|---|
| 返回值： | 字符串，表示元素的perspective 屬性。 |
| CSS 版本 | CSS3 |
相關文章
JavaScript Style對象： perspectiveOrigin屬性
CSS參考手冊： perspective屬性