我是表哥Harker,表妹我来咯~
这篇是CSS阶段的最后一篇,大结局了,表妹们这段时间觉得自己成长了吗? 学完这篇后我们将会有一个项目练习,把前面所学的知识点结合起来复习加巩固,为接下来的JavaScript 做好准备,JS是大神必备神器!
CSS3 3D转换
- 我们生活的环境是3D的,照片就是3D物体在2D平面呈现的例子
特点:
- 近大远小
- 物体后面遮挡不可见
- 当我们在网页上构建3D效果的时候参考这些特点就能产出3D效果
1、三维坐标系
- 三维坐标系其实就是指立体空间,立体空间是由3个轴共同组成的
- x轴:水平向右 注意: x 右边是正值,左边是负值
- y轴:垂直向下 注意: y 下面是正值,上面是负值
- z轴:垂直屏幕 注意: 往外面是正值,往里面是负值 (z轴相当于我们看手机,眼镜和手机直接垂直的轴就是z轴,手机的