CSS scaleX() फ़ंक्शन
- पिछला पन्ना CSS स्केल3ड() फ़ंक्शन
- अगला पन्ना CSS स्केलY() फ़ंक्शन
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल
रोज़गार और उपयोग
CSS का scaleX()
एलिमेंट को आनुपातिक रूप से विस्तारित करने के लिए उपयोग किया जाता है。
scaleX()
एलिमेंट की चौड़ाई को बढ़ाना या कम करना.
scaleX()
कार्य transform
गुण का उपयोग में.
उदाहरण
उदाहरण 1
इस्तेमाल करें scaleX()
एक से अधिक <div> एलिमेंट की चौड़ाई को विस्तारित करें:
#myDiv1 { transform: scaleX(0.7); } #myDiv2 { transform: scaleX(90%); } #myDiv3 { transform: scaleX(1.1); }
उदाहरण 2
इस्तेमाल करें scaleX()
इमेज की चौड़ाई को विस्तारित करें:
#img1 { transform: scaleX(0.6); } #img2 { transform: scaleX(90%); } #img3 { transform: scaleX(-0.6); } #img4 { transform: scaleX(1.1); }
CSS व्याकरण
scaleX(s)
मूल्य | वर्णन |
---|---|
s | आवश्यक. विस्तार रूपांतर वेक्टर के नंबर को निर्दिष्ट करें。 |
तकनीकी विवरण
संस्करण: | CSS Transforms Module Level 1 |
---|
ब्राउज़र समर्थन
टेबल में दिए गए नंबर इस फ़ंक्शन को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1 | 12 | 3.5 | 3.1 | 10.5 |
संबंधित पन्ना
ट्यूटोरियल:CSS 2D ट्रांसफॉर्म
संदर्भ:CSS ट्रांसफॉर्म प्रतियोगिता
संदर्भ:CSS scale गुण
संदर्भ:CSS स्केल() फ़ंक्शन
संदर्भ:CSS स्केल3ड() फ़ंक्शन
संदर्भ:CSS स्केलY() फ़ंक्शन
- पिछला पन्ना CSS स्केल3ड() फ़ंक्शन
- अगला पन्ना CSS स्केलY() फ़ंक्शन
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल