例
设置从那里的元素被视为透视:
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