Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

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


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

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

translateZ(z)

ที่นี่

z:เป็นความยาวแทนองค์ประกอบ z ของเวกเตอร์การแปล

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

div {
   width: 40px;
   height: 40px;
   background-color: black;
}
.trans {
   transform: perspective(400px) translateZ(100px);
   background-color: orange;
}