Thuộc tính transform với giá trị perspective: Định nghĩa một biến đổi 3D dưới dạng phối cảnh, rotate: góc quay, scale: xác định tỷ lệ. transform: perspective(400px) rotateY(45deg).

XtGem Forum catalog

Thời gian tải trang: giây

Trang Chủ Phật Giáo Đời Sống Lịch Sử Tình Yêu Thủ Thuật Phần Mềm Khỏe & Đẹp

Danh ngôn cuộc sống:

• Bài viết được đăng bởi: Mr. Phan Nhan
• Ngày cập nhật bài viết: 14/05/2016
• Tổng lược xem trang: 145 / 1 khách
• Đánh giá bởi người dùng:

Thuộc tính transform với giá trị perspective: Định nghĩa một biến đổi 3D dưới dạng phối cảnh. HTML viết:

<html>
<head></head>
<body>
<p>transform</p>
</body>
</html>

CSS viết:

p {
background: #cc0000;
height: 50px;
margin: 0 auto;
width: 120px;
transform: perspective(400px) rotateY(45deg);
-moz-transform: perspective(400px) rotateY(45deg);
-webkit-transform: perspective(400px) rotateY(45deg);
-o-transform: perspective(400px) rotateY(45deg);
-ms-transform: perspective(400px) rotateY(45deg);
}

Thuộc tính transform với giá trị rotate: Định nghĩa một phép quay 2D với góc được xác định bởi tham số (có thể là số âm). HTML viết:

<html>
<head></head>
<body>
<p>transform</p>
</body>
</html>

Css viết:

p {
background: #cc0000;
height: 50px;
margin: 0 auto;
width: 120px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}

Thuộc tính transform với giá trị rotateX: Định nghĩa một phép quay 3D dọc theo trục X. HTML viết:

<html>
<head></head>
<body>
<p>transform</p>
</body>
</html>

CSS viết:

p {
background: #cc0000;
height: 50px;
margin: 0 auto;
width: 120px;
transform: rotateX(45deg);
-moz-transform: rotateX(45deg);
-webkit-transform: rotateX(45deg);
-o-transform: rotateX(45deg);
-ms-transform: rotateX(45deg);
}

Thuộc tính transform với giá trị rotateY: Định nghĩa một phép quay 3D dọc theo trục Y. HTML viết:

<html>
<head></head>
<body>
<p>transform</p>
</body>
</html>

CSS viết:

p {
background: #cc0000;
height: 50px;
margin: 0 auto;
width: 120px;
transform: rotateY(45deg);
-moz-transform: rotateY(45deg);
-webkit-transform: rotateY(45deg);
-o-transform: rotateY(45deg);
-ms-transform: rotateY(45deg);
}

Thuộc tính transform với giá trị rotateZ: Định nghĩa một phép quay 3D dọc theo trục Z. HTML viết:

<html>
<head></head>
<body>
<p>transform</p>
</body>
</html>

CSS viết:

p {
background: #cc0000;
height: 50px;
margin: 0 auto;
width: 120px;
transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
}

Những bài viết được đăng mới nhất.

» Công cụ xóa dấu Tiếng việt

zalo

call

top