鏇轉 rotate()
鏇轉rotate()函數通過指定的角度參數使元素相對原點進行鏇轉。
它主要在二維空間内進行操作,設置一個角度值,用來指定鏇轉的幅度。
如果這個值爲正值,元素相對原點中心順時針鏇轉;如果這個值爲負值,元素相對原點中心逆時針鏇轉。
如下圖所示:

HTML代碼:
<div> <div></div> </div>
CSS代碼:
.wrapper {
width: 200px;
height: 200px;
border: 1px dotted red;
margin: 100px auto;
}
.wrapper div {
width: 200px;
height: 200px;
background: orange;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}演示結果:
