CSS rotate() 函数

定义和用法

CSS 的 rotate() 函数定义元素的 2D 旋转。

rotate() 函数在 transform 属性中使用。

实例

例子 1

使用 rotate() 旋转多个

元素：

#myDiv1 {
  transform: rotate(25deg);
}
#myDiv2 {
  transform: rotate(45deg);
}
#myDiv3 {
  transform: rotate(-45deg);
}

亲自试一试

例子 2

使用 rotate() 旋转图像：

#img1 {
  transform: rotate(90deg);
}
#img2 {
  transform: rotate(45deg);
}
#img3 {
  transform: rotate(-45deg);
}

亲自试一试

CSS 语法

rotate(angle)
值 描述
angle

必需。指定旋转角度。可能的单位：

  • deg（度）
  • rad（弧度）
  • turn（圈）

技术细节

版本： CSS Transforms Module Level 1

浏览器支持

表格中的数字表示首个完全支持该函数的浏览器版本。

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

ບັນດາໜ້າທີ່ກ່ຽວຂ້ອງ

ການສົນທະນາ:ຫຼັກຮູບແບບ 2D CSS

ກ່ຽວກັບ:ປະກອບປະກອບຄວາມສົນໃຈ CSS transform

ກ່ຽວກັບ:ປະກອບປະກອບ rotate

ກ່ຽວກັບ:ຫົວຂໍ້ CSS rotate3d()

ກ່ຽວກັບ:ຫົວຂໍ້ຫຼັກ rotateX() ຫົວຂໍ້

ກ່ຽວກັບ:ຫົວຂໍ້ CSS rotateY()

ກ່ຽວກັບ:ຫົວຂໍ້ CSS rotateZ()