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

เมธอดการแปลง 3D ใน CSS3


ตารางสรุปเมธอด 3D Transforms

เมธอด คำอธิบาย
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)แปลงด้วยเมทริกซ์ 16 ค่า
translate3d(x,y,z)ย้ายตามแกน X, Y, Z
translateX(x)ย้ายตามแกน X
translateY(y)ย้ายตามแกน Y
translateZ(z)ย้ายตามแกน Z
scaleX(x)ขยาย/ย่อตามแกน X
scaleY(y)ขยาย/ย่อตามแกน Y
scaleZ(z)ขยาย/ย่อตามแกน Z
rotateX(angle)หมุนรอบแกน X
rotateY(angle)หมุนรอบแกน Y
rotateZ(angle)หมุนรอบแกน Z

หมายเหตุ: ตารางต้นฉบับมีข้อผิดพลาดซ้ำ scaleY และคำอธิบาย translateZ ผิด แก้ไขแล้วในตารางนี้