Transform Là Gì
-
Định nghĩa và sử dụng
Thuộc tính transform xác minh một chuyển đổi 2 chiều, 3 chiều, rất có thể là xoay, tỷ lệ, di chuyển, nghiêng, ...
Bạn đang xem: Transform là gì
Thuộc tính của transform vào css3:
| transform | none | Xác định rằng không có chuyển đổi | |
| matrix(n,n,n,n,n,n) | Định nghĩa một biến đổi 2D, bằng cách sử dụng một ma trận với 6 giá trị | ||
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) | Định nghĩa một đổi khác 3D, bằng cách sử dụng một ma trận 4x4 cùng với 16 giá bán trị | ||
perspective(n) | Định nghĩa một thay đổi 3D dưới dạng phối cảnh. | ||
| rotate(góc) | Định nghĩa một phép quay 2d với góc được xác định bởi tham số. | ||
| rotate3d(x,y,z,angle) | Định nghĩa một phép quay 3 chiều được xác định bởi các tham số. | ||
| rotateX(angle) | Định nghĩa một phép quay 3d dọc theo trục X. | ||
| rotateY(angle) | Định nghĩa một phép quay 3 chiều dọc theo trục Y. | ||
| rotateZ(angle) | Định nghĩa một phép quay 3 chiều dọc theo trục Z. | ||
| scale(x,y) | Xác định một thay đổi tỷ lệ, 2D. | ||
| scale3d(x,y,z) | Xác định một đổi khác tỷ lệ, 3D. | ||
| scaleX(x) | Xác định một biến đổi tỷ lệ theo trục X. | ||
| scaleY(y) | Xác định một thay đổi tỷ lệ theo trục Y. | ||
| scaleZ(z) | Xác định một biến đổi tỷ lệ theo trục Z. Xem thêm: Tải Game Clash Of Clans : Apps & Games, Clash Of Clans Apk For Android | ||
| skew(x-angle,y-angle) | Xác định sự chuyển đổi nghiêng 2d dọc theo trục X với Y. | ||
| skewX(angle) | Xác định sự biến đổi nghiêng 2d dọc theo trục X. | ||
| skewY(angle) | Xác định sự thay đổi nghiêng 2 chiều dọc theo trục Y. | ||
| translate(x,y) | Xác định một dịch chuyển 2D. | ||
| translate3d(x,y,z) | Xác định một di chuyển 3D. | ||
| translateX(x) | Xác định một dịch chuyển 2D theo trục X. | ||
| translateY(y) | Xác định một di chuyển 2D theo trục Y. | ||
| translateZ(z) | Xác định một di chuyển 2D theo trục Z. | ||
| transform-origin | Giá trị trục X | Xác định nơi bắt gặp được đặt ở trục X, giá bán trị tất cả thể: left, right, center, chiều dài, %. | |
| Giá trị trục Y | Xác định nơi nhận thấy được để tại trục Y, giá chỉ trị có thể: left, right, center, chiều dài, %. | ||
| Giá trị trục Z | Xác định nơi nhìn thấy được để tại trục Z, giá bán trị gồm thể: chiều dài. Xem thêm: Top 20 Game Chiến Thuật Trên Điện Thoại Và Máy Tính Hay Nhất | ||
| transform-style | preserve-3d |    | Các thành phần phía bên trong sẽ giữ vị trí 3d của nó. |
| flat | Các thành phần bên phía trong sẽ không giữ vị trí 3 chiều của nó. |
