CSS scale() फ़ंक्शन

विन्यास और उपयोग

CSS के scale() फ़ंक्शन

scale() इलेमेंट को x और y दिशाओं में रूपांतरण मान निर्धारित करता है।

scale() फ़ंक्शन transform गुण में इस्तेमाल करें

उदाहरण

उदाहरण 1

इस्तेमाल करें scale() अनेक <div> एलीमेंट्स को रूपांतरण करें:

#myDiv1 {
  transform: scale(0.7);
}
#myDiv2 {
  transform: scale(110%);
}
#myDiv3 {
  transform: scale(1.1, 0.5);
}

अपने आप प्रयोग करें

उदाहरण 2

इस्तेमाल करें scale() इमेज रूपांतरण:

#img1 {
  transform: scale(0.7);
}
#img2 {
  transform: scale(110%);
}
#img3 {
  transform: scale(1.1, 0.5);
}

अपने आप प्रयोग करें

CSS व्याकरण

scale(sx, sy)
मूल्य वर्णन
sx अनिवार्य। नंबर या प्रतिशत। चौड़ाई के विस्केलिंग वेक्टर को निर्दिष्ट करता है।
sy

वैकल्पिक। नंबर या प्रतिशत। ऊंचाई के विस्केलिंग वेक्टर को निर्दिष्ट करता है।

यदि छोड़ दिया जाए, तो मूल्य sx के समान सेट कर दिया जाएगा।

तकनीकी विवरण

संस्करण: CSS Transforms Module Level 1

ब्राउज़र समर्थन

तालिका में वाले नंबर पहली पूरी तरह से इस फ़ंक्शन को समर्थन देने वाले ब्राउज़र का संस्करण को प्रदर्शित करते हैं।

च्रोम एज फायरफॉक्स सफारी ओपेरा
1 12 3.5 3.1 10.5

संबंधित पृष्ठ

तत्वाकार:CSS 2D ट्रांसफॉर्म

संदर्भःCSS ट्रांसफॉर्म प्रतियोगिता

संदर्भःCSS scale गुण

संदर्भःCSS स्केल3d() फ़ंक्शन

संदर्भःCSS स्केलX() फ़ंक्शन

संदर्भःCSS स्केलY() फ़ंक्शन