Danh sách phương thức Transform 3D
CSS3 cung cấp các hàm biến đổi 3D sau (dùng trong thuộc tính transform):
| Phương thức | Mô tả |
|---|---|
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) | Biến đổi bằng ma trận 4x4 (16 giá trị) - mạnh nhất, phức tạp nhất |
translate3d(x, y, z) | Dịch chuyển theo 3 trục X, Y, Z |
translateX(x) | Dịch chuyển theo trục X |
translateY(y) | Dịch chuyển theo trục Y |
translateZ(z) | Dịch chuyển theo trục Z |
scaleX(x) | Tỷ lệ (scale) theo trục X |
scaleY(y) | Tỷ lệ theo trục Y |
scaleZ(z) | Tỷ lệ theo trục Z (sửa từ scaleY lặp trong nguyên bản) |
rotateX(angle) | Xoay quanh trục X |
rotateY(angle) | Xoay quanh trục Y |
rotateZ(angle) | Xoay quanh trục Z (tương đương rotate() 2D) |
Lưu ý: Thứ tự khai báo quan trọng: transform: translate3d(...) rotateX(...) scaleZ(...). Thường dùng transform-style: preserve-3d trên cha để con giữ không gian 3D.