Rekomendasi Kursus:

Fungsi rotateZ() CSS

Definisi dan Penggunaan rotateZ() CSS

rotateZ() Fungsi menentukan putar elemen sekitar sumbu z 3D. transform Dalam penggunaan atribut.

Petunjuk:rotateZ(angle) Sama Dengan rotate(angle)。

Contoh

Contoh 1

Dengan rotateZ() Putar beberapa elemen <div> sekitar sumbu z:

#myDiv1 {
  transform: rotateZ(40deg);
}
#myDiv2 {
  transform: rotateZ(60deg);
}
#myDiv3 {
  transform: rotateZ(-45deg);
}

Coba Sendiri

Contoh 2

Dengan rotateZ() Putar gambar sekitar sumbu z:

#img1 {
  transform: rotateZ(40deg);
}
#img2 {
  transform: rotateZ(60deg);
}
#img3 {
  transform: rotateZ(-45deg);
}

Coba Sendiri

Syntaks CSS

rotateZ(angle)
Nilai Deskripsi
angle

Diperlukan. Tentukan sudut putar. Unit yang mungkin:

  • deg（sudut derajat)
  • rad（sudut radiάν)
  • turn（putar)

Detil Teknologi

Versi: Modul Transformasi CSS Level 2

Dukungan Browser

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

Chrome Edge Firefox Safari Opera
12 12 10 4 15

Halaman yang berhubungan

Tutoriale:Transformasi 3D CSS

Referensi：Properti transform CSS

Referensi：Atribut rotate CSS

Referensi：Fungsi rotate() CSS

Referensi：Fungsi rotate3d() CSS

Referensi：Fungsi rotateX() CSS

Referensi：Fungsi rotateY() CSS