แปลงองค์ประกอบพร้อมกับแกน y โดยใช้ CSS

ใช้เพื่อแปลวิธี Y(n) เพื่อแปลงองค์ประกอบพร้อมกับแกน y

ให้เราดูไวยากรณ์:

translateY(n)

โดยที่ n คือความยาวแทน abscissa ของเวกเตอร์ที่แปล

ตัวอย่าง

เรามาดูตัวอย่างกัน −

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