Fungsi rotate() CSS

Definisi dan penggunaan

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

rotate() Fungsi di transform Digunakan dalam atribut.

Contoh

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

Syntaks CSS

rotate(angle)
Nilai Deskripsi
angle

Diperlukan. Tentukan sudut putar. Satuan yang mungkin:

  • deg（sudut derajat)
  • rad（sudut radiannya)
  • turn（putar)

Detil Teknologi

Versi: Modul Transformasi CSS Level 1

Dukungan Browser

Angka di tabel menunjukkan versi browser yang pertama yang mendukung fungsi ini penuh.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Halaman yang berhubungan

Tutoriale:Transformasi 2D CSS

Referensi：Properti transform CSS

Referensi：Atribut rotate CSS

Referensi：Fungsi rotate3d() CSS

Referensi：Fungsi rotateX() CSS

Referensi：Fungsi rotateY() CSS

Referensi：Fungsi rotateZ() CSS