Pereka kursus yang disarankan:

Fungsi scaleY() CSS

Definisi dan penggunaan CSS scaleY() Fungsi digunakan untuk mengukur skala vertikal elemen.

scaleY() Fungsi untuk menambah atau mengurangkan ketinggian elemen.

scaleY() Fungsi di Transform Digunakan dalam properti.

Contoh

Contoh 1

Guna scaleY() Skala tinggi beberapa elemen <div>:

#myDiv1 {
  transform: scaleY(0.5);
}
#myDiv2 {
  transform: scaleY(70%);
}
#myDiv3 {
  transform: scaleY(1.1);
}

Cuba sendiri

Contoh 2

Guna scaleY() Skala tinggi imej:

#img1 {
  transform: scaleY(0.5);
}
#img2 {
  transform: scaleY(70%);
}
#img3 {
  transform: scaleY(-0.5);
}
#img4 {
  transform: scaleY(1.1);
}

Cuba sendiri

Rumus CSS

scaleY(s)
Nilai Penerangan
s Diperlukan. Tentukan nombor vektor skala tinggi.

Butir teknologi

Versi: Modul Transformasi CSS Level 1

Pendukung pereka

Nombor di dalam tabel menunjukkan versi pereka palingawal yang mendukung fungsi ini.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Halaman yang berkaitan

Tutori变换 2D CSS

参考:属性 transform CSS

参考:Sifat scale CSS

参考:函数 scale() CSS

参考:函数 scale3d() CSS

参考:函数 scaleX() CSS