फ़ंक्शन 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);
}
:
