使用CSS变换元素以及x轴

使用translateX(n)方法可将元素与x轴一起变换。

让我们看看语法

translateX(n)

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

让我们看一个例子

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