perspective:定义 3D 元素距视图的距离

Posted jiunie

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了perspective:定义 3D 元素距视图的距离相关的知识,希望对你有一定的参考价值。

该属性允许改变 3D 元素,查看 3D 元素的视图。只影响 3D 转换元素。

当为元素定义 perspective 属性时,其子元素会获得透视效果,而不是元素本身。

以像素计算,数值后不用加单位。数值越小离屏幕越近,数值越大离屏幕越远。

div
{
    perspective: 500;
    -webkit-perspective: 500; /* Safari 和 Chrome */
}

相关文章:

001    002     003

以上是关于perspective:定义 3D 元素距视图的距离的主要内容,如果未能解决你的问题,请参考以下文章

CSS3 transform-style 3D空间,透视图perspective

CSS3 transform-style 3D空间,透视图perspective

CSS3 transform-style 3D空间,透视图perspective

Transform-style和Perspective属性

css 3d

CSS 3 3D 转换