scaleY කාර්යය
scaleY කාර්යය අංගයක්
Y අක්ෂය ඔස්සේ පරිමාණය කරයි.
පරිමාණය කිරීම සිදුවන්නේ
transform-origin
ගුණය මගින් අර්ථ දක්වන ලද ලක්ෂ්යයක් වටා ය.
කාර්යයේ අගය වන්නේ පූර්ණ සංඛ්යාවක් හෝ භාග සංඛ්යාවක් වේ.
එය 1 ට වඩා විශාල නම් - අංගය විශාල වේ,
එය කුඩා නම් (උදාහරණයක් ලෙස, 0.5) - අංගය
කුඩා වේ. 1 ලෙස ලබා දුන්නේ නම් - කිසිවක් වෙනස් නොවේ
(මෙය තිරණය කරන ලද මූලික අගය වේ).
වාක්ය රචනා ක්රමය
තෝරන්නා {
transform: scaleY(අංකය);
}
උදාහරණය
කොටුව මතට සුළුතරයක් යොමු කළ විට Y අක්ෂය ඔස්සේ පරිමාණය 1.5
වාරයකින් වැඩි කරමු:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleY(1.5);
}
:
උදාහරණය
කොටුව මතට සුළුතරයක් යොමු කළ විට Y අක්ෂය ඔස්සේ පරිමාණය 2
වාරයකින් අඩු කරමු:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleY(0.5);
}
:
