transform: rotate

transform: rotate属性可以实现元素的旋转效果。通过指定旋转角度，可以使元素围绕其原点或指定点旋转。默认单位是deg，表示角度。例如，transform: rotate(30deg)会将元素顺时针旋转30度。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

相关问题

transform:rotate

transform:rotate是CSS3中的一个属性，用于对元素进行旋转变换。通过设置旋转角度的数值，可以将元素按照指定的角度进行旋转。

具体来说，transform:rotate(angle)中的angle表示旋转的角度，可以使用正值表示顺时针旋转，负值表示逆时针旋转。单位可以是度（deg）、弧度（rad）或百分比（%）。
#### 引用[.reference_title]
- *1* *2* [CSS3属性 transform详解之（旋转:rotate,缩放:scale,倾斜:skew,移动:translate）（附代码）](https://blog.csdn.net/qq_37968920/article/details/82391671)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [css3 transform过渡抖动问题解决](https://download.csdn.net/download/weixin_38682161/14637309)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

transform:rotate()

`transform:rotate()` is a CSS property that allows you to rotate an element by a certain degree. The degree value can be positive or negative, and can be specified in degrees, radians, or gradians.

For example, the following code will rotate an element by 45 degrees:

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

You can also use other transform functions in conjunction with `rotate()`, such as `scale()` and `translate()`, to create more complex transformations.