摘要: 控制子元素是否开启三维立体环境 transform-style:flat 子元素不开启3D立体空间 默认的 transform-style:perserve-3d 子元素开启立体空间 代码写给父级,但是影响的是子盒子 这个属性和重要,写3D的时候会用到 实现如下效果 思路:两个盒子,相对于父元素进行 阅读全文
posted @ 2022-03-24 15:24 洛飞 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 透视 perspective 在2D平面产生近大远小视觉立体,但是只是效果二维的 如果想要再网页产生3D效果需要透视(理解成3D物体投影在2D平面内) 模拟人类的视觉位置,可认为安排一只眼睛去看 透视我们也称之为视距:视距就是人的眼睛到屏幕的距离 距离视觉点越近的电脑平面成像越大,越远成像越小 透视 阅读全文
posted @ 2022-03-24 10:31 洛飞 阅读(45) 评论(0) 推荐(0) 编辑
摘要: 3D是有三维坐标系的 三维坐标系其实就是立体空间,立体空间是由3个轴共同组成的。 x轴:水平向右 注意:x右边是正值,左边是负值 y轴:垂直向下 注意:y下面是正值,上面是负值 z轴:垂直屏幕 注意:z往外是正值,往里是负值 主要学习知识 3D位移:translate3d(x,y,z) 3D旋转:r 阅读全文
posted @ 2022-03-24 09:45 洛飞 阅读(42) 评论(0) 推荐(0) 编辑