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

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

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

translateY(n)

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

ตัวอย่าง

ตัวอย่างการใช้งาน:

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