使用CSS变换元素以及x轴和y轴

使用translate(x,y)方法可将元素与x轴和y轴一起转换。

让我们看看语法

translate(x,y)

在此，x是表示翻译矢量的x坐标的长度。

y是代表翻译向量纵坐标的长度

让我们看一个例子

div {
   width: 50px;
   height: 50px;
   background-color: orange;
}
.trans {
   transform: translate(20px);
   background-color: black;
}