scaleY-funksie

Die scaleY funksie skaleer 'n element om die Y-as. Die skalering geskied om die punt wat deur die transform-origin eienskap gespesifiseer word. Die funksie se waarde is 'n heelgetal of 'n desimale getal. As dit groter as 1 is - word die element vergroot, as dit kleiner is (bv. 0.5) - word die element verklein. As 1 gespesifiseer word - verander niks nie (dit is die verstekwaarde).

Sintaksis

cssselektor {
  transform: scaleY(getal);
}

Voorbeeld

Met wyser oor die blok sal ons die skaal met 1.5 keer om die Y-as vergroot:

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

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

Результат:

Voorbeeld

Met wyser oor die blok sal ons die skaal met 2 keer om die Y-as verklein:

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

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

Результат:

Sien ook