CSS rotate() fonksiyonu

Tanımı ve kullanımı

CSS'nin rotate() elemanın 2D döndürmesini tanımlar.

rotate() Fonksiyon, transform Özellikte kullanılır.

Örnek

Örnek 1

Kullanarak rotate() Çoklu <div> elementlerini döndür:

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

Kişisel olarak deneyin

Örnek 2

Kullanarak rotate() Görseli döndür:

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

Kişisel olarak deneyin

CSS grameri

rotate(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 Transforms Module Level 1

Tarayıcı desteği

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

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

İlgili sayfalar

Eğitim:CSS 2D Dönüşüm

Kaynak:CSS transform özelliği

Kaynak:CSS rotate özelliği

Kaynak:CSS rotate3d() fonksiyonu

Kaynak:CSS rotateX() fonksiyonu

Kaynak:CSS rotateY() fonksiyonu

Kaynak:CSS rotateZ() fonksiyonu