การแปลงองค์ประกอบตามแกน Y ด้วย CSS3

เมธอด translateY()

ใช้ translateY(y) เพื่อย้ายองค์ประกอบตามแกน Y (แนวตั้ง)

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

translateY(y)

y: ความยาว () แทนค่าสัมพัทธ์แกน Y ของเวกเตอร์การย้าย

ตัวอย่าง

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