admin管理员组文章数量:1566223
CSS3 Perspective 透视属性介绍该立体的 CSS 属性决定,以便使提供给 3D 定位的元素一些透视在 z = 0 平面和用户之间的距离。其中 z > 0 每个 3D 元素变大,每个 3D 元素地 z < 0 变小。效果的强度是由这个属性的值决定。
简介
在3D元素是用户的背后,即他们的 z 轴坐标大于该值的部分观点不绘制 CSS 属性。 消失点是通过默认放置在元件的中心,但其位置可以使用被改变透视原点属性。 使用此属性的值不为不同的 0 和没有创建一个新的堆叠内容。
div{
perspective: 500;
-webkit-perspective: 500; /* Safari 和 Chrome */
}
Perspective 属性定义 3D 元素距视图的距离,以像素计。该属性允许您改变 3D 元素查看 3D 元素的视图,当为元素定义 Perspective 属性时,其子元素会获得透视效果,而不是元素本身。
注释:Perspective 属性只影响 3D 转换元素。
初始值 none
适用于 可转换元素
继承 无
媒体 vision
计算值的绝对长度或 none
动画的是,作为一个长
规范顺序由正规文法定义的独特的非顺序暧昧
默认值
none
继承性
yes
版本
CSS3
语法
Formal syntax: none |
perspective: none
perspective: 20px /* values */
perspective: 3.5em
perspective: inherited
参数
none : 是一个关键字,表示没有透视变换已被应用。
: 是一个说明 赋予的距离从用户到 z = 0 的平面。它是用于应用的透视变换的元素及其含量。如果是 0 或负值时,没有透视变换被应用。
应用
perspective:250px;
1
2
3
4
5
6
perspective:350px;
1
2
3
4
5
6
perspective:500px;
1
2
3
4
5
6
版权声明:本文标题:怎样设置html设置透视,CSS3 新属性 Perspective 设置元素 3D 透视 - 文章教程 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/xitong/1725894850a1047511.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论