CSS scaleX() Fonksiyonu

Tanım ve Kullanım

CSS scaleX() Fonksiyon

scaleX() Elemanın genişliğini artırır veya azaltır.

scaleX() Fonksiyon transform Özellikte kullanılır.

Örnek

Örnek 1

Kullanım scaleX() Birden fazla <div> öğesinin genişliğini ölçeklendirme:

#myDiv1 {
  transform: scaleX(0.7);
}
#myDiv2 {
  transform: scaleX(90%);
}
#myDiv3 {
  transform: scaleX(1.1);
}

Kişisel Deneyim

Örnek 2

Kullanım scaleX() Görüntü genişliğini ölçeklendirme:

#img1 {
  transform: scaleX(0.6);
}
#img2 {
  transform: scaleX(90%);
}
#img3 {
  transform: scaleX(-0.6);
}
#img4 {
  transform: scaleX(1.1);
}

Kişisel Deneyim

CSS Dilbilgisi

scaleX(s)
Değer Açıklama
s Gerekli. Genişlik ölçekleme vektörünü belirleyen rakamlar.

Teknik Ayrıntılar

Sürüm: CSS Transforms Module Level 1

Tarayıcı Desteği

Tablozdaki rakamlar, bu işlevi 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

Ders:CSS 2D Dönüşüm

Referans:CSS transform özelliği

Referans:CSS scale özelliği

Referans:CSS scale() fonksiyonu

Referans:CSS scale3d() fonksiyonu

Referans:CSS scaleY() fonksiyonu