免費AI編程助手
CSS3 perspective 屬性
實例
設(shè)置從何處查看一個元素的角度：
div
{
perspective: 500;
-webkit-perspective: 500; /* Safari and Chrome */
}
{
perspective: 500;
-webkit-perspective: 500; /* Safari and Chrome */
}
嘗試一下 ?
瀏覽器支持
表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。
緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個瀏覽器版本號。
| 屬性 | |||||
|---|---|---|---|---|---|
| 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 轉(zhuǎn)換元素。
提示: 請與 perspective-origin 屬性一同使用該屬性，這樣您就能夠改變 3D 元素的底部位置。
| 默認(rèn)值： | none |
|---|---|
| 繼承： | no |
| 版本： | CSS3 |
| JavaScript 語法： | object.style.perspective=500 |
語法
perspective: number|none;
| 值 | 描述 |
|---|---|
| number | 元素距離視圖的距離，以像素計。 |
| none | 默認(rèn)值。與 0 相同。不設(shè)置透視。 |
更多建議：