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