为什么正方体的正面没有3D旋转就空间移动了?
来源:2-12 空间移动
半岛王子
2021-06-17 10:00:38
.box p:nth-child(1) { background-color: rgba(219, 56, 211, 0.486); /* 前面 */ transform: translateZ(100px); }
不是说空间移动一定要在3D旋转之后添加吗,为什么前面没有添加rotateX(0deg)就直接translateZ了?
1回答
好帮手慕然然
2021-06-17
同学你好,实现空间移动,不是同学理解的必须要先设置rotate,再设置translate才可以。当不需要进行旋转的时候,旋转是可以省略,直接设置translate移动的。
此处,正方体的正面,移动的方向就是默认的方向,不需要进行旋转(即使旋转的话也是旋转0度),所以直接设置translate移动即可,而其他的面则需要旋转到对应的方向之后,再沿着相应的方向移动。
祝学习愉快!
相似问题
回答 1