admin 管理员组

文章数量: 1184232

1.3D坐标，其中黑框相当于屏幕，z轴正方形指向屏幕前方，y轴指向屏幕上方，x轴正向指向屏幕右方，三轴以屏幕中心为原点


2.perspective

perspective的值相当于从屏幕的侧面看，屏幕距离z轴正向（前方）的距离。
perspectiveOrigin: 可理解为视点的xy坐标，perspective则是z坐标，三者可以再三维中确定Z视点的唯一位置。（视点Z即相当于你的眼睛所在的位置）

3.perspective属性的两种书写
一种用在舞台元素上（动画元素们的共同父辈元素）；第二种就是用在当前动画元素上，与transform的其他属性写在一起。如下代码示例：

//视点Z是 以 子元素的共同父元素 stage 为整体的

.stage {
    perspective: 600px;
}

//每个元素都有一个自己的视点

#stage .box {
    transform: perspective(600px) rotateY(45deg);
}

本文标签： 透视 perspective

版权声明：本文标题：CSS3中透视perspective 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1758683875a3089156.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。