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

Результат:

यह भी देखें