CSS scaleY() fonksiyonu

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);
}

Kişisel olarak deneyin

Ö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);
}

Kişisel olarak deneyin

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