介绍角度:|没有; & lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt; style>
# div1
{
位置:相对;
身高:150 px;
宽度:150 px;
保证金:50 px;
填充:10 px;
边界:1 px固体黑色;
角度:150;
-webkit-perspective: 150;/* Safari和Chrome */}
# div2
{
填充:50 px;
位置:绝对的;
边界:1 px固体黑色;
背景颜色:黄色;
变换:rotateX(45度);
-webkit-transform: rotateX(45度);/* Safari和Chrome */}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div id=癲iv1"祝辞
& lt; div id=癲iv2"祝辞HELLO
& lt;/div>
& lt;/body>
& lt;/html> 小编给大家分享一下视角属性的使用方法,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!
角度属性是用来定义3 d元素距视图的距离,以像素计;它允许你改变3 d元素查看3 d元素的视图。
<强>作用:角度属性定义3 d元素距视图的距离,以像素计。该属性允许您改变3 d元素查看3 d元素的视图。当为元素定义的角度来看属性时,其子元素会获得透视效果,而不是元素本身。
<强>注:角度属性只影响3 d转换元素。
<强>语法:
号码:元素距离视图的距离,以像素计。
没有:默认值,与0相同。不设置透视。
<强>说明:该属性要与perspective-origin属性一同使用,这样就能够改变3 d元素的底部位置。
效果图:
看完了这篇文章,相信你对观点属性的使用方法有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
