Thuộc tính transform-style: Các thành phần bên trong sẽ giữ vị trí 3D của nó.

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

Thuộc tính transform-origin: Xác định lại chiều rộng và chiều cao cho thành phần. Xác định nơi nhìn thấy được đặt tại trục, giá trị có thể: left, right, center, chiều dài, %. HTML viết:

<html>
<head></head>
<body>
<div class="originWrap">
<div class="origin">transform origin</div>
</div>
</body>
</html>

CSS viết:

div.originWrap {
border: 1px solid #0000cc;
height: 200px;
width: 200px;
}
div.origin {
background: #cc0000;
height: 100px;
width: 100px;
transform: rotate(45deg);
transform-origin: left center;
-moz-transform: rotate(45deg);
-moz-transform-origin: left center;
-webkit-transform: rotate(45deg);
-webkit-transform-origin: left center;
-o-transform: rotate(45deg);
-o-transform-origin: left center;
-ms-transform: rotate(45deg);
-ms-transform-origin: left center;
}

Giá trị rotate X. CSS viết:

transform-origin: center top;
-moz-transform-origin: center top;
-webkit-transform-origin: center top;
-o-transform-origin: center top;
-ms-transform-origin: center top;

Giá trị rotate Y. CSS viết:

transform-origin: right top;
-moz-transform-origin: right top;
-webkit-transform-origin: right top;
-o-transform-origin: right top;
-ms-transform-origin: right top;

Giá trị rotate X Y. CSS viết:

transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;

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

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