ใช้วิธี translate(x,y) เพื่อแปลงองค์ประกอบพร้อมกับแกน x และแกน y
ให้เราดูไวยากรณ์
translate(x,y)
โดยที่ x คือความยาวแทนพิกัด x ของเวกเตอร์ที่แปล
y คือความยาวแทนพิกัดของเวกเตอร์ที่แปล
มาดูตัวอย่างกัน
div {
width: 50px;
height: 50px;
background-color: orange;
}
.trans {
transform: translate(20px);
background-color: black;
} 