Fungsi rotateX() CSS

Definisi dan penggunaan

CSS rotateX() Fungsi menentukan putar 3D elemen mengelilingi sumbu x (arah horizontal).

rotateX() Fungsi dalam transform digunakan dalam atribut.

Contoh

Contoh 1

gunakan rotateX() Putar beberapa elemen <div> mengelilingi sumbu x (arah horizontal):

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

Coba sendiri

Contoh 2

gunakan rotateX() Putar imej mengelilingi sumbu x (arah horizontal):

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

Coba sendiri

CSS Syntax

rotateX(sudut)
Nilai Description
sudut

Diperlukan. Tentukan sudut putar. Unit yang mungkin:

  • deg（sudut）
  • rad（sudut pencerminan）
  • turn（saringan）

Detil teknikal

Versi: Modul Transformasi CSS Level 2

Dukungan pereka

Angka di dalam tabel menunjukkan versi pereka paling awal yang mendukung fungsi ini.

Chrome Edge Firefox Safari Opera
12 12 10 4 15

Laman berkaitan

Panduan:CSS 3D Transformasi

Rujukan：属性 transform CSS

Rujukan：属性 CSS rotate

Rujukan：Fungsi rotate() CSS

Rujukan：Fungsi rotate3d() CSS

Rujukan：Fungsi rotateY() CSS

Rujukan：Fungsi rotateZ() CSS