ฟังก์ชัน CSS translateY()

หน้าก่อน CSS translateX() ฟังก์ชัน
หน้าต่อไป CSS url() ฟังก์ชัน
กลับไปยังระดับเดิม คู่มืออ้างอิงฟังก์ชัน CSS

การกำหนดและการใช้งาน

CSS translateY() ฟังก์ชันที่อนุญาตให้คุณเปลี่ยนที่ตั้งองค์ประกอบตามตัวเลข y (แนวตั้ง)

translateY() ฟังก์ชันใน transform ใช้ในอัตรายอด

ตัวอย่าง

เปลี่ยนที่ตั้งแบบตามทิศทางตั้งแต่ต้นทางต่างกันของ <div> ต่างๆ ในแนวตั้ง

#myDiv1 {
  transform: translateY(30px); /* ย้ายองค์ประกอบตามตัวเลข y 30px */
}
#myDiv2 {
  transform: translateY(50px); /* ย้ายองค์ประกอบตามตัวเลข y 50px */
}
#myDiv3 {
  transform: translateY(-10px); /* ย้ายองค์ประกอบตามตัวเลข y -10px */
}

ทดลองด้วยตัวเอง

รูปแบบ CSS

translateY(y)

ค่า	รายละเอียด
y	สำคัญ。กำหนดระยะทางขององค์ประกอบตามตัวเลข y หรือเปอร์เซ็นต์。