例
設置從那裡的元素被視為透視:
div
{
-webkit-perspective: 500px; /* Chrome, Safari, Opera */
perspective: 500px;
}
試一試» 定義和用法
透視屬性定義多少像素的3D元素是從視圖放置。 這個屬性可以讓你改變被認為怎樣3D元素的視角。
當定義一個元素的立體屬性,它是子元素獲得立體圖,而不是元素本身。
Note:透視屬性只影響3D轉換的元素!
Tip:與一起使用此屬性的角度來看原產地屬性,它允許您更改3D元素的底部位置。
為了更好地理解角度屬性, 查看演示 。
默認值: | none |
---|---|
遺傳: | no |
動畫: | yes. Read about animatable Try it |
版: | CSS3 |
JavaScript語法: | object .style.perspective="50px" Try it |
瀏覽器支持
在表中的數字規定,完全支持該屬性的第一個瀏覽器版本。
其次是-webkit-號碼或-moz-指定用一個前綴工作的第一個版本。
屬性 | |||||
---|---|---|---|---|---|
perspective | 36.0 12.0 -webkit- | 10.0 | 16.0 10.0 -moz- | 9 4.0.3 -webkit- | 23.0 15.0 -webkit- |
CSS語法
perspective:length|none;
屬性值
相關頁面
CSS教程: CSS 3D變換
HTML DOM參考: perspective property