ফাংশন 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);
}

Результат:

আরও দেখুন