แปลงองค์ประกอบโดยใช้แกน x แกน y และแกน z ด้วย CSS3

ใช้วิธี translate3d(x,y,z) เพื่อแปลงองค์ประกอบโดยใช้แกน x แกน y และแกน z

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

translate3d(tx, ty, tz)

tx :เป็น ที่แทน abscissa ของเวกเตอร์ที่แปล
ที :เป็น ที่แทนตำแหน่งของเวกเตอร์ที่แปล
ทซ :เป็น ที่แสดงองค์ประกอบ z ของเวกเตอร์การแปล
มาดูตัวอย่างกัน

div {
   width: 50px;
   height: 50px;
   background-color: orange;
}
.trans {
   transform: perspective(300px) translate3d(15px, 0, 0px);
   background-color: black;
}