CSS 旋转内容：使用 transform 属性旋转元素

CSS 旋转是一种将元素按照一定角度进行旋转的效果。可以使用 transform 属性来进行旋转操作。

语法如下：

transform: rotate(angle); 

其中，angle 表示旋转的角度，可以是正数、负数或者百分比。默认情况下，旋转中心点在元素的中心。

示例代码：

.box {
  width: 100px;
  height: 100px;
  background-color: red;
  transform: rotate(45deg);
}

以上代码会将 .box 元素按照 45 度的角度进行旋转。

除了旋转角度，还可以使用 transform-origin 属性来指定旋转中心点的位置。例如：

.box {
  width: 100px;
  height: 100px;
  background-color: red;
  transform: rotate(45deg);
  transform-origin: top left;
}

以上代码会将 .box 元素按照 45 度的角度进行旋转，并将旋转中心点设为左上角。