CSS3 perspective 屬性


實例

設置從何處查看一個元素的角度：

div { perspective: 500; -webkit-perspective: 500; /* Safari and Chrome */ }

流覽器支持

表格中的數字表示支持該屬性的第一個流覽器版本號。

緊跟在 -webkit-, -ms- 或 -moz- 前的數字為支持該首碼屬性的第一個流覽器版本號。

屬性
perspective 36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 9.0
4.0.3 -webkit-		 23.0
15.0 -webkit-

屬性定義及使用說明

多少像素的3D元素是從視圖的perspective屬性定義。這個屬性允許你改變3D元素是怎樣查看透視圖。

定義時的perspective屬性，它是一個元素的子元素，透視圖，而不是元素本身。

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

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

默認值： none
繼承： no
版本： CSS3
JavaScript 語法： object.style.perspective=500

語法

perspective: number|none;

值 描述
number 元素距離視圖的距離，以像素計。
none 默認值。與 0 相同。不設置透視。