使用translateZ(z)方法可使用z轴变换元素。

让我们看看语法

translateZ(z)

这里，

z：是表示翻译向量的z分量的长度。

让我们看一个例子

div {
   width: 40px;
   height: 40px;
   background-color: black;
}
.trans {
   transform: perspective(400px) translateZ(100px);
   background-color: orange;
}