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
selektor {
transform: scaleY(getal);
}
Voorbeeld
Met wyser oor die blok sal ons die skaal met 1.5
keer om die Y-as vergroot:
<div id="elem">lorem ipsum</div>
#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:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleY(0.5);
}
:
