CSS中的旋转是一种常用的样式效果，可以通过transform属性来实现。在CSS中，transform属性可以用来对元素进行旋转、缩放、扭曲、倾斜等变换操作。

旋转是其中一种常用的变换操作，通过设置transform的rotate参数可以实现元素的旋转。rotate参数可以接受角度值，单位可以是deg、rad、grad，也可以是turn。其中，角度值可以为正数或负数，正数表示顺时针旋转，负数表示逆时针旋转。

下面是一些常用的CSS旋转样式示例：

1. 顺时针旋转30度：

```css

transform: rotate(30deg);

```

2. 逆时针旋转45度：

```css

transform: rotate(-45deg);

```

3. 使用函数进行旋转：

```css

transform: rotate(45deg);

transform: rotate(0.25turn);

```

4. 元素旋转时不改变位置：

```css

transform-origin: center;

```

5. 旋转元素并设置动画效果：

```css

@keyframes rotate {

from {

transform: rotate(0deg);

}

to {

transform: rotate(360deg);

}

}

element {

animation: rotate 1s infinite linear;

}

```

除了旋转之外，transform属性还可以用来实现其他的变换效果，如缩放、扭曲、倾斜等。可以通过同时设置多个transform函数来实现多重变换效果，它们的顺序会影响最终的效果。

此外，transform-origin属性可以用来设置旋转的中心点，默认情况下旋转以元素的中心点为中心。可以使用百分比或具体数值来设置旋转中心的位置，还可以使用关键字值来指定特定位置。

需要注意的是，transform属性是一个相对于元素自身的样式操作，不会影响到其它元素的布局。因此，旋转元素不会改变其它元素的位置。

总之，旋转是CSS中常用的一种变换效果，可以通过transform属性进行设置。旋转的角度可以是正数或负数，单位可以是deg、rad、grad、turn。此外，还可以通过transform-origin属性来设置旋转的中心点。除了旋转之外，transform属性还可以用来实现其他的变换效果。