CSS scaleX() Fonksiyonu
- Önceki Sayfa CSS scale3d() fonksiyonu
- Sonraki Sayfa CSS scaleY() fonksiyonu
- Üst Katmanlara Dön CSS Fonksiyon Referans Kılavuzu
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); }
Ö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); }
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
- Önceki Sayfa CSS scale3d() fonksiyonu
- Sonraki Sayfa CSS scaleY() fonksiyonu
- Üst Katmanlara Dön CSS Fonksiyon Referans Kılavuzu