Mẹo Hướng dẫn Hướng dẫn dùng scale matrix trong PHP Mới Nhất
Bạn đang tìm kiếm từ khóa Hướng dẫn dùng scale matrix trong PHP được Update vào lúc : 2022-09-02 22:30:29 . Với phương châm chia sẻ Bí quyết Hướng dẫn trong nội dung bài viết một cách Chi Tiết 2022. Nếu sau khi đọc Post vẫn ko hiểu thì hoàn toàn có thể lại phản hồi ở cuối bài để Tác giả lý giải và hướng dẫn lại nha.
- Trang chủTham khảoCSSCSS3Thuộc tính transform
Định nghĩa và sử dụng
Thuộc tính transform xác lập một quy đổi 2 chiều, 3 chiều, hoàn toàn có thể là xoay, tỷ suất, di tán, nghiêng, …
Nội dung chính
- Định nghĩa và sử dụngThuộc tính của transform trong css3:
Thuộc tính của transform trong css3:
Thuộc tínhgiá trịTrình duyệtMô tảtransform
none
Xác định rằng không còn quy đổi
matrix(n,n,n,n,n,n)
Định nghĩa một biến hóa 2D, bằng phương pháp 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 biến hóa 3D, bằng phương pháp sử dụng một ma trận 4×4 với 16 giá trị
perspective(n)
Định nghĩa một biến hóa 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 lập bởi tham số.
rotate3d(x,y,z,angle)
Định nghĩa một phép quay 3D được xác lập bởi những 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 3D dọc theo trục Y.
rotateZ(angle)
Định nghĩa một phép quay 3D dọc theo trục Z.
scale(x,y)
Xác định một biến hóa tỷ suất, 2D.
scale3d(x,y,z)
Xác định một biến hóa tỷ suất, 3D.
scaleX(x)
Xác định một biến hóa tỷ suất theo trục X.
scaleY(y)
Xác định một biến hóa tỷ suất theo trục Y.
scaleZ(z)
Xác định một biến hóa tỷ suất theo trục Z.
skew(x-angle,y-angle)
Xác định sự biến hóa nghiêng 2D dọc theo trục X và Y.
skewX(angle)
Xác định sự biến hóa nghiêng 2D dọc theo trục X.
skewY(angle)
Xác định sự biến hóa nghiêng 2D 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 dịch 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 dịch chuyển 2D theo trục Y.
translateZ(z)
Xác định một dịch chuyển 2D theo trục Z.
transform-origin
Giá trị trục X
Xác định nơi nhìn thấy được đặt tại trục X, giá trị hoàn toàn 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 tại trục Y, giá trị hoàn toàn 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 tại trục Z, giá trị hoàn toàn có thể: chiều dài.
transform-style
preserve-3d
Các thành Phần bên trong sẽ giữ lại được vị trí 3D của nó.
flat
Các thành Phần bên trong sẽ không còn giữ vị trí 3D của nó.
Ví dụ
HTML viết:
<html> <head></head> <body toàn thân> <p.>transform</p.> </body toàn thân> </html>
CSS viết:
p. background: #cc0000; height: 50px; width: 80px;
Hiển thị trình duyệt khi chưa tồn tại transform:Thêm thuộc tính transform vào CSS:
p. background: #cc0000; height: 50px; width: 80px; transform: rotate(-15deg); -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
Hiển thị trình duyệt khi có transform:
Tải thêm tài liệu liên quan đến nội dung bài viết Hướng dẫn dùng scale matrix trong PHP
Reply
4
0
Chia sẻ
Clip Hướng dẫn dùng scale matrix trong PHP ?
Bạn vừa tìm hiểu thêm nội dung bài viết Với Một số hướng dẫn một cách rõ ràng hơn về Review Hướng dẫn dùng scale matrix trong PHP tiên tiến và phát triển nhất
Share Link Tải Hướng dẫn dùng scale matrix trong PHP miễn phí
Quý khách đang tìm một số trong những Chia SẻLink Tải Hướng dẫn dùng scale matrix trong PHP Free.
Giải đáp vướng mắc về Hướng dẫn dùng scale matrix trong PHP
Nếu Bạn sau khi đọc nội dung bài viết Hướng dẫn dùng scale matrix trong PHP , bạn vẫn chưa hiểu thì hoàn toàn có thể lại phản hồi ở cuối bài để Admin lý giải và hướng dẫn lại nha
#Hướng #dẫn #dùng #scale #matrix #trong #PHP