旋轉

HTML

<div class="rotate"></div>

CSS

.rotate {
    width: 100px;
    height: 100px;
    background: teal;
    transform: rotate(45deg);
}

此示例將 div 順時針旋轉 45 度。旋轉中心位於 div 的中心，50%位於左側，50%位於頂部。你可以通過設定 transform-origin 屬性來更改旋轉中心。

transform-origin: 100% 50%;

以上示例將旋轉中心設定為右側端的中間。