通过CSS3使用x轴，y轴和z轴来变换元素

使用translate3d(x,y,z)方法通过使用x轴，y轴和z轴来变换元素。

让我们看看语法

translate3d(tx, ty, tz)

tx：它是一个<length>，表示平移向量的横坐标。
ty：它是一个<length>，表示平移向量的纵坐标。
tz：它是一个<length>，表示平移向量的z分量。
让我们看一个例子

div {
   width: 50px;
   height: 50px;
   background-color: orange;
}
.trans {
   transform: perspective(300px) translate3d(15px, 0, 0px);
   background-color: black;
}