CSS rotateX() 函数

定义和用法

CSS rotateX() 函数定义了元素绕 x 轴（水平方向）的 3D 旋转。

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

实例

例子 1

使用 rotateX() 绕 x 轴（水平方向）旋转多个

元素：

#myDiv1 {
  transform: rotateX(40deg);
}
#myDiv2 {
  transform: rotateX(60deg);
}
#myDiv3 {
  transform: rotateX(80deg);
}

ທົດລອງດຽວຕາມເຈົ້າ

例子 2

使用 rotateX() 绕 x 轴（水平方向）旋转图像：

#img1 {
  transform: rotateX(40deg);
}
#img2 {
  transform: rotateX(60deg);
}
#img3 {
  transform: rotateX(80deg);
}

ທົດລອງດຽວຕາມເຈົ້າ

ສັບພາສາ CSS

rotateX(angle)
ຄູ່ມວນຊົນ ການອະທິບາຍ
angle

ຕ້ອງການ. ກຳນົດອັງຕາສະແດງ. ອາກາດທີ່ສາມາດໃຊ້:

  • deg（ອັງຕາ）
  • rad（ອາກາດ）
  • turn（ວົງ）

ລະອຽດເຕັກນິກ

ລະບົບຂັ້ນຕອນ: CSS Transforms Module Level 2

ການສະໜັບສະໜູນບັນຊີບາດດິນ

ຈຳນວນບາງບັນຊີໃນຕາຕະລາງສະແດງວ່າສະບາຍການສະແດງພາສາທີ່ສົ່ງຕົວຂອງບັນຊີນີ້.

Chrome Edge Firefox Safari Opera
12 12 10 4 15

ບາງເວັບໄຊທີ່ກ່ຽວຂ້ອງ

ຄູ່ມວນຊົນ:CSS 3D ແປວເພີ່ມ

ກ່ຽວກັບ:ບັນດາຄູ່ມີລະບົບ transform

ກ່ຽວກັບ:ລະບົບ CSS rotate

ກ່ຽວກັບ:ບັນດາຄູ່ມີລະບົບ CSS rotate()

ກ່ຽວກັບ:ບັນດາຄູ່ມີລະບົບ CSS rotate3d()

ກ່ຽວກັບ:ບັນດາຄູ່ມີລະບົບ CSS rotateY()

ກ່ຽວກັບ:ບັນດາຄູ່ມີລະບົບ CSS rotateZ()