CSS scale3d() Fonksiyonu

Tanımı ve Kullanımı

CSS'nin scale3d() Fonksiyon, elemanın 3D ölçeklemesini tanımlar.

scale3d() x, y ve z yönlerindeki ölçekleme değerlerini tanımlar.

scale3d() Fonksiyonu transform Özellikte kullanılır.

Kullanım scale3d() Birden fazla <div> öğesini ölçeklendirme:

#myDiv1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#myDiv2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#myDiv3 {
  transform: scale3d(1.1, 1.2, 1);
}

Kullanım scale3d() Görseli ölçeklendirme:

#img1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#img2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#img3 {
  transform: scale3d(1.1, 1.1, 1);
}

scale3d(sx, sy, sz)

Değer	Açıklama
sx	Pozitif veya negatif bir sayı, genişliği tanımlayan ölçekleme vektörünü tanımlar.
sy	Pozitif veya negatif bir sayı, yüksekliği tanımlayan ölçekleme vektörünü tanımlar.
sz	Pozitif veya negatif bir sayı, z yönündeki ölçekleme vektörünü tanımlar.