有个问题
来源：2-12 空间移动
情分的小前端
2020-12-03 16:11:34
# 具体遇到的问题
这个空间移动那五个轴到底是根据什么移动的哇，有点蒙
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码，切记添加代码注释（请勿截图）
在这里输入代码，可通过选择【代码语言】突出显示
写回答
1回答
-
好帮手慕张
2020-12-03
同学你好，空间移动只有三个轴，分别为x轴，y轴，z轴，同学说的5个轴是指老师讲的正方体不理解吗？可以参考如下进行理解：
1、最前面的面为z轴的正方向，因为要设置正方体的立体效果所以要把transform:translateZ()设置为正数。往前移动100px，实现了视觉效果上前面的效果。坐标系如上图一所示：
2、顶部的面要在上边水平展示（像前面就是垂直与我们的视觉效果，上面的话，就是平行）所以要先旋转90度，坐标系也会跟着旋转90度，如上图二所示，然后再进行z轴的正方向的移动。
其他页面也是同样的道理。
如果还有哪里不理解的话，可以再具体的描述下，再次进行提问，老师会帮助你解决。
祝学习愉快！
0
相似问题