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