CSS transform-origin

transform-origin ₃

---

Cho phép bạn thay đổi vị trí trên các yếu tố biến đổi
giải thích x-axis: giá trị trên trục x.

Thuộc tính	giá trị	Ví dụ	Mô tả
transform-origin	x-axis	transform-origin: x-axis y-axis z-axis; transform-origin: 50% 30% 50px;	left | center | right | length | %
	y-axis		left | center | right | length | %
	z-axis		length

Xem ví dụ

<style>
#ttt1
{
position: relative;
height: 200px;
width: 200px;
margin: 30 auto;
padding:10px;
border: 1px solid black;
}

#ttt2
{

padding:10px;
//position: absolute;

border: 1px solid black;
background-color: #E8E8FF;

transform: rotate(45deg);

transform-origin:20% 40%;
-ms-transform: rotate(45deg); /* IE 9 */
-ms-transform-origin:20% 40%; /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */
-webkit-transform-origin:20% 40%; /* Safari and Chrome */
-moz-transform: rotate(45deg); /* Firefox */
-moz-transform-origin:20% 40%; /* Firefox */
-o-transform: rotate(45deg); /* Opera */
-o-transform-origin:20% 40%; /* Opera */
}
</style>

<div id="ttt1"> <div id="ttt2"> bendoi.vn </div></div>

bendoi.vn

Sự tương thích ( Cập nhật / Báo lỗi )

---