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

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


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

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

translateX(n)

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

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

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