CSS rotateY() Fonksiyonu

Tanım ve Kullanım

CSS rotateY() Elementin y eksenine (dikey yönde) 3B döndürmesini tanımlar.

rotateY() Fonksiyon transform Özellikte kullanım.

Örnek

Örnek 1

Kullanım rotateY() Y eksenine (dikey yönde) döndürme çoklu <div> elementleri:

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

Kişisel olarak deneyin

Örnek 2

Kullanım rotateY() Görseli y eksenine (dikey yönde) döndürün:

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

Kişisel olarak deneyin

CSS Dilbilgisi

rotateY(angle)
Değer Açıklama
angle

Gerekli. Döndürme açısını belirtin. Olası birimler:

  • deg（derece)
  • rad（radyan)
  • turn（çember)

Teknik Ayrıntılar

Sürüm: CSS Çevirme Modülü 2

Tarayıcı Desteği

Tabloda gösterilen rakamlar, bu fonksiyonu tamamen destekleyen ilk tarayıcı sürümünü belirtir.

Chrome Edge Firefox Safari Opera
12 12 10 4 15

İlgili Sayfalar

Eğitim:CSS 3D Çevirme

Referans:CSS transform özelliği

Referans:CSS rotate özelliği

Referans:CSS rotate() fonksiyonu

Referans:CSS rotate3d() fonksiyonu

Referans:CSS rotateX() fonksiyonu

Referans:CSS rotateZ() fonksiyonu