一.三维坐标系
三维坐标系就是指立体空间,立体空间是由3个轴共同组成的。
1.x轴:水平向右 注意:x右边是正值,左边是负值
2.y轴:垂直向下 注意:y下面是正值,上面是负值
3.z轴:垂直屏幕 注意:往外面是正值,往里面是负值
二.透视 perspective
在2D平面产生近大远小视觉立体,但是效果是二维的
1.如果想要在网页产生3D效果需要透视(理解成3D物体投影在2D平面内)
2.模拟人类的视觉位置,可以安排一只眼睛去看
透视我们也称为视距:视距就是人眼睛到屏幕的距离
距离视觉点越近的在电脑平面成像越大,越远成像越小
3.透视的单位是像素
透视写在被观察元素的父盒子上
d:就是视距,视距就是一个距离人的眼睛到屏幕的距离

本文介绍了三维坐标系的构成,包括x、y、z轴的定义;接着讲解了透视概念,如何模拟人类视觉的3D效果,并通过透视距离产生近大远小的效果;然后详细阐述3D旋转,包括rotateX、rotateY、rotateZ及自定义rotate3d的用法;最后提到了3D呈现的transform-style属性,用于控制子元素是否开启3D立体空间。
最低0.47元/天 解锁文章
1876

被折叠的 条评论
为什么被折叠?



