Fungsi scaleY() CSS

Definisi dan Penggunaan

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

scaleY() Fungsi untuk menambah atau mengurangi tinggi elemen.

scaleY() Fungsi di transform digunakan di properti.

Contoh

Contoh 1

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

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

Coba Sendiri

Contoh 2

Gunakan scaleY() Skala tinggi gambar:

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

Coba Sendiri

Syntaks CSS

scaleY(s)

Detil Teknologi

Dukungan Browser

Angka di tabel menunjukkan versi browser yang pertama yang sepenuhnya mendukung fungsi ini.

Halaman yang berhubungan

Panduan:Transformasi 2D CSS

Referensi：Atribut transform CSS

Referensi：Atribut scale CSS

Referensi：Fungsi scale() CSS

Referensi：Fungsi scale3d() CSS

Referensi：Fungsi scaleX() CSS