Rekomendasi pelajaran：

Fungsi rotate() CSS

Definisi dan penggunaan CSS rotate() Definisi elemen putar 2D CSS.

rotate() Fungsi dalam transform Dalam properti.

Instans

Contoh 1

Gunakan rotate() Putar banyak elemen <div>：

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

Coba sendiri

Contoh 2

Gunakan rotate() Putar gambar：

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

Coba sendiri

Sintaks CSS

rotate(sudut)
Nilai Deskripsi
sudut

Diperlukan. Tentukan sudut putar. Unit yang mungkin：

  • deg（derajat）
  • rad（sudut bersirip）
  • turn（luput）

Detil teknis

Versi： Modul Transformasi CSS Level 1

Dukungan perebutan

Angka di dalam tabel menunjukkan versi perebutan pertama yang mendukung fungsi ini.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Halaman berkaitan

Tutorial：Transformasi 2D CSS

Rujukan：Sifat transform CSS

Rujukan：Sifat rotate CSS

Rujukan：Fungsi rotate3d() CSS

Rujukan：Fungsi rotateX() CSS

Rujukan：Fungsi rotateY() CSS

Rujukan：Fungsi rotateZ() CSS