欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

CSS3-perspective 属性

程序员文章站 2022-03-26 14:06:39
...

实例

目前浏览器都不支持 perspective 属性。
Chrome 和 Safari 支持替代的 -webkit-perspective 属性。

div{
  -webkit-perspective: 400px;
  perspective: 400px;
}

用法

perspective 属性定义 3D 元素距视图的距离,以像素计。该属性允许您改变 3D 元素查看 3D 元素的视图。
当为元素定义 perspective 属性时,其子元素会获得透视效果,而不是元素本身。
**注意:**perspective 属性只影响 3D 转换元素。

语法

perspective : number | none ;
描述
number 元素距离视图的距离,以像素计算
none 默认值,与0相同,不设置透视