制作正方体

相关截图：

相关代码：

        .box p:nth-child(3) {
            background-color: rgba(51, 117, 73, 0.76);
            transform: rotateX(180deg) translateZ(100px);
        }

问题描述：老师，为什么背面要旋转180度？

直接

translateZ(100px);拉出来不就行了吗？背面不是和页面是平行的吗？