A scaleX függvény
A scaleX függvény az elemet
az X 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 nagyobb lesz,
ha kisebb (például 0.5) - az elem
kisebb lesz. Ha 1-et adunk meg - semmi sem változik
(ez az alapértelmezett érték).
Szintaxis
selector {
transform: scaleX(szám);
}
Példa
Az elem fölé húzva növeljük a méretet 1.5
alkalommal az X tengely mentén:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleX(1.5);
}
:
Példa
Az elem fölé húzva csökkentsük a méretet 2
alkalommal az X tengely mentén:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleX(0.5);
}
:
