CSS scale3d() फ़ंक्शन

परिभाषा और उपयोग

CSS का scale3d() फ़ंक्शन एलिमेंट के 3D फैलाव को परिभाषित करता है。

scale3d() फ़ंक्शन x, y और z दिशा में एलिमेंट के फैलाव मूल्य को परिभाषित करता है。

scale3d() कार्यक्रम में transform प्रयोग में प्रयोग करें。

उदाहरण

उदाहरण 1

इस्तेमाल करें scale3d() अनेक <div> एलिमेंट्स को फैलाव दें:

#myDiv1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#myDiv2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#myDiv3 {
  transform: scale3d(1.1, 1.2, 1);
}

खुद से प्रयोग करें

उदाहरण 2

इस्तेमाल करें scale3d() छवि फैलाव:

#img1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#img2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#img3 {
  transform: scale3d(1.1, 1.1, 1);
}

खुद से प्रयोग करें

CSS व्याकरण

scale3d(sx, sy, sz)
मूल्य वर्णन
sx सकारात्मक या नकारात्मक संख्या, चौड़ाई के फैलाव की वेक्टर को परिभाषित करता है。
sy सकारात्मक या नकारात्मक संख्या, ऊंचाई के फैलाव की वेक्टर को परिभाषित करता है。
sz सकारात्मक या नकारात्मक संख्या, z दिशा के फैलाव की वेक्टर को परिभाषित करता है。

तकनीकी विवरण

संस्करण: CSS ट्रांसफॉर्म्स मॉड्यूल लेवल 2

ब्राउज़र सहारा

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

च्रोम एज फायरफॉक्स सफारी ओपेरा
12 12 10 4 15

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

ट्यूटोरियलःCSS 3D ट्रांसफॉर्म

संदर्भःCSS ट्रांसफॉर्म प्रभाव

संदर्भःCSS स्केल प्रकृति

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

संदर्भःCSS scaleX() फ़ंक्शन

संदर्भःCSS scaleY() फ़ंक्शन