CSS scaleX() फ़ंक्शन

रोज़गार और उपयोग

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