scaleY කාර්යය

scaleY කාර්යය අංගයක් Y අක්ෂය ඔස්සේ පරිමාණය කරයි. පරිමාණය කිරීම සිදුවන්නේ transform-origin ගුණය මගින් අර්ථ දක්වන ලද ලක්ෂ්‍යයක් වටා ය. කාර්යයේ අගය වන්නේ පූර්ණ සංඛ්‍යාවක් හෝ භාග සංඛ්‍යාවක් වේ. එය 1 ට වඩා විශාල නම් - අංගය විශාල වේ, එය කුඩා නම් (උදාහරණයක් ලෙස, 0.5) - අංගය කුඩා වේ. 1 ලෙස ලබා දුන්නේ නම් - කිසිවක් වෙනස් නොවේ (මෙය තිරණය කරන ලද මූලික අගය වේ).

වාක්‍ය රචනා ක්‍රමය

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

උදාහරණය

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

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

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

Результат:

උදාහරණය

කොටුව මතට සුළුතරයක් යොමු කළ විට Y අක්ෂය ඔස්සේ පරිමාණය 2 වාරයකින් අඩු කරමු:

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

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

Результат:

මෙයද බලන්න