ශ්‍රිතය scaleX

scaleX ශ්‍රිතය අංගය X අක්ෂය ඔස්සේ පරිමාණනය කරයි. පරිමාණනය සිදු කෙරෙන්නේ transform-origin ගුණය මගින් නිර්වචනය කරන ලද ලක්ෂ්‍යයක් වටා. ශ්‍රිතයේ අගය වන්නේ පූර්ණ සංඛ්‍යාවක් හෝ දශම සංඛ්‍යාවක්. එය 1 ට වඩා වැඩි නම් - අංගය විශාල වේ, අඩු නම් (උදාහරණයක් ලෙස, 0.5) - අංගය කුඩා වේ. 1 ලෙස නියම කළහොත් - කිසිවක් වෙනස් නොවේ (මෙය පෙරනිමි අගය වේ).

වාක්‍ය ඛණ්ඩය

cssතෝරන්නා {
  transform: scaleX(අංකය);
}

උදාහරණය

කොටුව මත අත තබන විට X අක්ෂය ඔස්සේ පරිමාණය 1.5 අංශකයකින් වැඩි කරමු:

html<div id="elem">lorem ipsum</div>

css#elem {
  border: 1px solid black;
  width: 100px;
  height: 50px;
}
#elem:hover {
  transform: scaleX(1.5);
}

Результат:

උදාහරණය

කොටුව මත අත තබන විට X අක්ෂය ඔස්සේ පරිමාණය 2 අංශකයකින් අඩු කරමු:

html<div id="elem">lorem ipsum</div>

css#elem {
  border: 1px solid black;
  width: 100px;
  height: 50px;
}
#elem:hover {
  transform: scaleX(0.5);
}

Результат:

බලන්න