CSS scale3d() फ़ंक्शन
- पिछला पृष्ठ CSS स्केल() फ़ंक्शन
- अगला पृष्ठ CSS scaleX() फ़ंक्शन
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल
परिभाषा और उपयोग
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() फ़ंक्शन
- पिछला पृष्ठ CSS स्केल() फ़ंक्शन
- अगला पृष्ठ CSS scaleX() फ़ंक्शन
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल