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