Style perspective 屬性

定義和用法

perspective 屬性定義 3D 元素距視圖的距離，以像素計。此屬性允許您更改查看 3D 元素的視角。

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

注釋：perspective 屬性只影響 3D 轉換元素。

提示：請與 perspective-origin 屬性 一同使用該屬性，這樣您就能夠改變 3D 元素的底部位置。

另請參閱：

JavaScript Style 對象：perspectiveOrigin 屬性

CSS 參考手冊：perspective 屬性

實例

設置查看元素的視角：

document.getElementById("myDIV").style.perspective = "50px";

親自試一試

語法

返回 perspective 屬性：

object.style.perspective

設置 perspective 屬性：

object.style.perspective = "length|none"

屬性值

值 描述
length 元素距離視圖的距離，以像素計。
none 默認值。與 0 相同。不設置透視。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

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

瀏覽器支持

表中的數字注明了首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 6.1 23.0