CSS scaleY() fonksiyonu
- Önceki sayfa CSS scaleX() fonksiyonu
- Sonraki sayfa CSS sepia() fonksiyonu
- Üst seviyeye dön CSS Fonksiyon Referans Kılavuzu
Tanımı ve kullanımı
CSS scaleY()
Fonksiyonu
scaleY()
Artırır veya azaltır elementin yüksekliğini.
scaleY()
Fonksiyonu transform
Özellikte kullanılır.
Örnek
Örnek 1
Kullanım scaleY()
Birden fazla <div> elementinin yüksekliğini ölçeklendirme:
#myDiv1 { transform: scaleY(0.5); } #myDiv2 { transform: scaleY(70%); } #myDiv3 { transform: scaleY(1.1); }
Örnek 2
Kullanım scaleY()
Görüntü yüksekliğini ölçeklendirme:
#img1 { transform: scaleY(0.5); } #img2 { transform: scaleY(70%); } #img3 { transform: scaleY(-0.5); } #img4 { transform: scaleY(1.1); }
CSS dilbilgisi
scaleY(s)
Değer | Açıklama |
---|---|
s | Gerekli. Yükseklik ölçekleme vektörünü belirleyen rakam. |
Teknik ayrıntılar
Sürüm: | CSS Transforms Module Level 1 |
---|
Tarayıcı desteği
Tablodaki 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 scale özelliği
Kaynak:CSS scale() fonksiyonu
Kaynak:CSS scale3d() fonksiyonu
Kaynak:CSS scaleX() fonksiyonu
- Önceki sayfa CSS scaleX() fonksiyonu
- Sonraki sayfa CSS sepia() fonksiyonu
- Üst seviyeye dön CSS Fonksiyon Referans Kılavuzu