css中的perspective属性怎么用
这篇文章主要介绍css中的perspective属性怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
创新互联建站专注于城子河企业网站建设,成都响应式网站建设,电子商务商城网站建设。城子河网站建设公司,为城子河等地区提供建站服务。全流程按需制作网站,专业设计,全程项目跟踪,创新互联建站专业和态度为您提供的服务
CSS3perspective属性
作用:perspective属性定义3D元素距视图的距离,以像素计。该属性允许您改变3D元素查看3D元素的视图。当为元素定义perspective属性时,其子元素会获得透视效果,而不是元素本身。
注:perspective属性只影响3D转换元素。
语法:
perspective:number|none;
number:元素距离视图的距离,以像素计。
none:默认值。与0相同。不设置透视。
说明:该属性要与perspective-origin属性一同使用,这样就能够改变3D元素的底部位置。
CSS3perspective属性的使用示例
#div1
{
position:relative;
height:150px;
width:150px;
margin:50px;
padding:10px;
border:1pxsolidblack;
perspective:150;
-webkit-perspective:150;/*SafariandChrome*/
}
#div2
{
padding:50px;
position:absolute;
border:1pxsolidblack;
background-color:yellow;
transform:rotateX(45deg);
-webkit-transform:rotateX(45deg);/*SafariandChrome*/
}
以上是“css中的perspective属性怎么用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
网页标题:css中的perspective属性怎么用
网站地址:http://myzitong.com/article/jcjspi.html