Fungsi rotateY() CSS

Definisi dan Penggunaan

CSS rotateY() Fungsi menentukan putar 3D elemen mengelilingi sumbu y (arah vertikal).

rotateY() Fungsi di Transform Dipakai dalam atribut.

Contoh

Contoh 1

Gunakan rotateY() Putar beberapa elemen <div> mengelilingi sumbu y (arah vertikal):

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

Coba Sendiri

Contoh 2

Gunakan rotateY() Putar gambar mengelilingi sumbu y (arah vertikal):

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

Coba Sendiri

Syarat CSS

rotateY(sudut)
Nilai Deskripsi
sudut

Diperlukan. Tentukan sudut putar. Satuan yang mungkin:

  • deg（derajat)
  • rad（sudut)
  • turn（lilit)

Detil Teknologi

Versi: Modul Transformasi CSS Level 2

Dukungan Pereksa

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

Chrome Edge Firefox Safari Opera
12 12 10 4 15

Halaman yang berhubungan

Panduan:CSS 3D Transformasi

Rujukan：Sifat transform CSS

Rujukan：Sifat rotate CSS

Rujukan：Fungsi rotate() CSS

Rujukan：Fungsi rotate3d() CSS

Rujukan：Fungsi rotateX() CSS

Rujukan：Fungsi rotateZ() CSS