旋转

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%;

以上示例将旋转中心设置为右侧端的中间。