在CSS中,可以使用`transform: rotate()`属性来实现旋转效果。该属性接受一个角度值,表示元素相对于其原点的旋转程度。以下是一些示例代码:
顺时针旋转45度
```css
transform: rotate(45deg);
```
逆时针旋转90度
```css
transform: rotate(-90deg);
```
使用弧度旋转0.5π
```css
transform: rotate(0.5πrad);
```
HTML结构示例
为了更好地展示旋转效果,可以创建一个简单的HTML结构,如下所示:
```html