CSS 旋转内容：使用 transform 和 rotate 实现元素旋转

CSS 旋转内容：使用 'transform' 和 'rotate' 实现元素旋转

在 CSS 中，可以使用 'transform' 属性来实现元素的旋转效果。具体的旋转可以通过 'rotate()' 函数来实现，该函数接受一个角度值作为参数，表示元素要旋转的角度。

例如，要将一个元素顺时针旋转 45 度，可以使用以下 CSS 代码：

.rotate {
  transform: rotate(45deg);
}

可以通过调整 'rotate()' 函数的参数值来实现不同的旋转效果。

另外，还可以使用 'transform-origin' 属性来指定旋转的原点，默认情况下，元素会以它的中心点进行旋转。例如，要将一个元素以左上角为旋转原点进行旋转，可以使用以下 CSS 代码：

.rotate {
  transform: rotate(45deg);
  transform-origin: top left;
}

通过调整 'transform-origin' 属性的值，可以改变旋转的原点，从而实现不同的旋转效果。