設定從何處檢視一個元素的角度：
div
{
perspective: 500px;
-webkit-perspective: 500px; /* 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屬性，它是一個元素的子元素，透視圖，而不是元素本身。
<b>注意：</b>perspective 屬性隻影響 3D 轉換元素。
<b>提示:</b> 請與 perspective-origin 屬性一同使用該屬性，這樣您就能夠改變 3D 元素的底部位置。
預設值：
none
繼承：
no
版本：
CSS3
JavaScript 文法：
object.style.perspective=500
perspective: number|none;
值
描述
number
元素距離視圖的距離，以像素計。
預設值。與 0 相同。不設定透視。