translateX() - X轴平移

语法说明

transform: translateX(x);

• x - X 轴方向的偏移量
• 正值：向右移动
• 负值：向左移动
• 等价于 translate(x, 0)

示例 1：向右移动

translateX(150px) 将元素向右移动 150 像素

.box {
  transform: translateX(150px);
  /* 向右移动 150px */
}

示例 2：向左移动

使用负值向左移动

.box {
  transform: translateX(-150px);
  /* 向左移动 150px */
}

常见应用场景