Thuộc tính transform với giá trị translate: Xác định một dịch chuyển 2D theo trục X và trục Y.

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: 682 / 1 khách
• Đánh giá bởi người dùng:

Thuộc tính transform với giá trị translate: Xác định một dịch chuyển 2D theo trục X và trục Y.HTML viết:

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

CSS viết:

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

Thuộc tính transform với giá trị translateX: Xác định một dịch chuyển 2D theo trục X. HTML viết:

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

CSS viết:

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

Thuộc tính transform với giá trị translateY: Xác định một dịch chuyển 2D theo trục Y. HTML viết:

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

CSS viết:

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

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

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