CSS scaleY() functie

Definitie en gebruik

CSS scaleY() functie wordt gebruikt voor de verticale skalering van elementen.

scaleY() functie wordt gebruikt om de hoogte van elementen te vergroten of te verkleinen.

scaleY() functie in transform in eigenschappen gebruikt.

Gebruik scaleY() De hoogte van meerdere <div>-elementen vergroten:

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

Gebruik scaleY() De hoogte van het beeld vergroten:

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

scaleY(s)

Waarde	Beschrijving
s	Verplicht. Specificeer het getal van de hoogteverhouding van de skalingsvector.

Versie:	CSS Transforms Module Level 1

De cijfers in de tabel geven de browserversie aan die de functie volledig ondersteunt.

Chrome	Edge	Firefox	Safari	Opera
1	12	3.5	3.1	10.5