Funktionen scaleY

Funktionen scaleY skalerer et element langs Y-aksen. Skalering udføres omkring et punkt, der er defineret af egenskaben transform-origin. Funktionens værdi er et helt eller brøktal. Hvis det er større end 1 - forstørres elementet, hvis det er mindre (for eksempel 0.5) - formindskes elementet. Hvis man angiver 1 - ændres der intet (dette er standardværdien).

Syntaks

cssselektor {
  transform: scaleY(tal);
}

Eksempel

Ved at hover over blokken forstørrer vi skalaen med 1.5 gange langs Y-aksen:

html<div id="elem">lorem ipsum</div>

css#elem {
  border: 1px solid black;
  width: 100px;
  height: 50px;
}
#elem:hover {
  transform: scaleY(1.5);
}

Результат:

Eksempel

Ved at hover over blokken formindsker vi skalaen med 2 gange langs Y-aksen:

html<div id="elem">lorem ipsum</div>

css#elem {
  border: 1px solid black;
  width: 100px;
  height: 50px;
}
#elem:hover {
  transform: scaleY(0.5);
}

Результат:

Se også