制作正方体
来源：2-12 空间移动
qq_岁月如歌_40
2021-12-10 16:37:52
相关截图：
相关代码：
.box p:nth-child(3) {
background-color: rgba(51, 117, 73, 0.76);
transform: rotateX(180deg) translateZ(100px);
}问题描述：老师，为什么背面要旋转180度？
直接
translateZ(100px);拉出来不就行了吗？背面不是和页面是平行的吗？
写回答
1回答
-
好帮手慕小李
2021-12-10
同学你好，同学的思路是ok的，但是仅设置translateZ，那么值应是-100px。因为.box p:nth-child(3)是正方形的背面，所以z轴应向后移动。
如下是对比，看看同学是否能理解。
1、同学的思路如下：
2、视频中老师的思路如下：
同学自己试试，祝学习愉快。
0
相似问题