使用translateX(x)方法可通过x轴变换元素。

让我们看看语法

translateX(x)

这里，

• ×：表示翻译矢量的横坐标的长度。

让我们看一个例子

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