CSS3 perspective 屬性
實例
設置從何處查看一個元素的角度：
div
{
perspective: 500;
-webkit-perspective: 500; /* Safari and Chrome */
}
{
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 相同。 不設置透視。 |