关于正方体面移动问题
来源：2-12 空间移动
慕标5017459
2022-03-25 12:04:05
正方体 顶面移动
transform: rotateX(90deg) translateZ(100px)
我觉得应该再translateY(100px)呀，可是不需要移动Y 就实现了 ，理解不了里面的逻辑。以下是我的理解思路：
rotateX(90deg)后， 顶面此时是底部对着舞台，且这个面是处在舞台Y轴的正中间，所以看不到这个面，且顶面必须时刻与舞台保持200px（ perspective: 200px;）即此时顶面的底部是对着舞台，同时底部距离舞台200px，所以，顶面需要向舞台前进100px，这样顶面的底部才能和正方体的正面相碰，但是为什么向舞台前进100px( translateZ(100px))后，顶面也向上（Y轴）移动了呢？
写回答
1回答
-
同学你好，理解不正确。x轴是水平方向，y轴是竖直方向，z轴是垂直电脑屏幕的方向：
元素旋转时，各个轴也会跟着旋转。
顶面绕x轴旋转90度后，正面（旋转之前，眼睛正对的面）是朝上的：
此时z轴也是朝上的：
因此需要在z轴上，移动100px：
祝学习愉快！
0
相似问题