perspective

實(shí)例

設(shè)置從何處查看一個(gè)元素的角度：

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

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個(gè)瀏覽器版本號(hào)。

屬性
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屬性定義。這個(gè)屬性允許你改變3D元素是怎樣查看透視圖。

定義時(shí)的perspective屬性，它是一個(gè)元素的子元素，透視圖，而不是元素本身。

注意：perspective 屬性只影響 3D 轉(zhuǎn)換元素。

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

perspective: number|none;

值	描述
number	元素距離視圖的距離，以像素計(jì)。
none	默認(rèn)值。與 0 相同。不設(shè)置透視。

上一篇：page-break-inside 下一篇：perspective-origin