ders önerileri:

Önceki sayfa CSS rotate() fonksiyonu
Sonraki sayfa CSS rotateX() fonksiyonu
Üst seviyeye dön CSS Fonksiyon Referans Kılavuzu

CSS rotate3d() fonksiyonu

tanım ve kullanım rotate3d() CSS

rotate3d() fonksiyonu, elementin 3D döndürmesini tanımlar. transform özellikte kullanılır.

örnek

örnek 1

kullanarak rotate3d() birden fazla <div> elementini döndürün:

#myDiv1 {
  transform: rotate3d(1, 2, 1, 45deg);
}
#myDiv2 {
  transform: rotate3d(0, 1, 0, 60deg);
}
#myDiv3 {
  transform: rotate3d(1, 0, 0, 45deg);
}

kendiniz deneyin

örnek 2

kullanarak rotate3d() dünyayı döndürün:

#img1 {
  transform: rotate3d(1, 2, 1, 45deg);
}
#img2 {
  transform: rotate3d(0, 1, 0, 60deg);
}
#img3 {
  transform: rotate3d(1, 0, 0, 45deg);
}

kendiniz deneyin

CSS dilbilgisi

rotate3d(x, y, z, angle,

)	tanım
x	pozitif veya negatif, x eksenine göre döndürmeyi tanımlar.
y	pozitif veya negatif, y eksenine göre döndürmeyi tanımlar.
z	pozitif veya negatif, z eksenine göre döndürmeyi tanımlar.
angle	gerekli. Döndürme açısını belirtin. Olası birimler: deg（derece) rad（radyan) turn（çember)