ย้ายองค์ประกอบตามแกน X ด้วย CSS translateX()

ใช้เมธอด translateX(n) เพื่อย้ายองค์ประกอบตามแกน X

รูปแบบไวยากรณ์:

translateX(n)

ที่นี่ n เป็นความยาวแทนพิกัด X ของเวกเตอร์การย้าย

ตัวอย่าง:

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