CSS3 perspective 屬性

CSS3perspective屬性

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

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 元素的底部位置。

perspective:numbernone;

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