为什么正方体的正面没有3D旋转就空间移动了？

.box p:nth-child(1) {
            background-color: rgba(219, 56, 211, 0.486);
            /* 前面 */
            transform: translateZ(100px);
        }

不是说空间移动一定要在3D旋转之后添加吗，为什么前面没有添加rotateX(0deg)就直接translateZ了？