A scaleY függvény
A scaleY függvény az elemet
az Y tengely mentén skálázza. A skálázás a
transform-origin
tulajdonsággal megadott pont körül történik.
A függvény értéke egész vagy törtszám.
Ha nagyobb, mint 1 - az elem megnövekszik,
ha kisebb (például 0.5) - az elem
csökken. Ha 1-et adunk meg - semmi sem változik
(ez az alapértelmezett érték).
Szintaxis
selector {
transform: scaleY(szám);
}
Példa
Az elem fölé húzva növeljük a méretet 1.5
-szeresére az Y tengely mentén:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleY(1.5);
}
:
Példa
Az elem fölé húzva csökkentsük a méretet 2
-szeresére az Y tengely mentén:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleY(0.5);
}
:
