CSS skew() फ़ंक्शन
- पिछला पृष्ठ CSS सिन() फ़ंक्शन
- अगला पृष्ठ CSS स्कीव() फ़ंक्शन
- एक स्तर ऊपर वापस जाएँ सीएसएस फ़ंक्शन रेफरेंस मैनुअल
रोज़ा और इस्तेमाल
CSS का skew()
CSS में फ़ंक्शन इस्तेमाल करता है कि एलीमेंट को दिए गए कोण के अनुसार एक्स और य अक्ष पर ढाल दे।
skew()
फ़ंक्शन transform
गुण में इस्तेमाल किया जाता है।
उदाहरण
उदाहरण 1
इस्तेमाल करने के लिए skew()
कई <div> एलीमेंट को ढालना:
#myDiv1 { transform: skew(15deg); } #myDiv2 { transform: skew(15deg, 15deg); } #myDiv3 { transform: skew(-15deg); }
उदाहरण 2
इस्तेमाल करने के लिए skew()
ढाल चित्र:
#img1 { transform: skew(25deg); } #img2 { transform: skew(-25deg); } #img3 { transform: skew(10deg, 10deg); }
CSS व्याकरण
skew(ax, ay)
मूल्य | वर्णन |
---|---|
ax | आवश्यक। कोण। एक्स अक्ष पर कोण को निर्दिष्ट करता है। |
ay | वैकल्पिक। कोण। य अक्ष पर कोण को निर्दिष्ट करता है। यदि छोड़ दिया जाए, तो इस मान को 0 के रूप में सेट किया जाता है। |
तकनीकी विवरण
संस्करण: | CSS Transforms Module Level 1 |
---|
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस फ़ंक्शन को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण के रूप में हैं।
क्रोम | एज | फायरफॉक्स | सैफारी | ओपेरा |
---|---|---|---|---|
1 | 12 | 3.5 | 3.1 | 10.5 |
संबंधित पृष्ठ
ट्यूटोरियलःCSS 2D ट्रांसफॉर्म
संदर्भःCSS ट्रांसफॉर्म प्रतियोगिता
संदर्भःCSS स्कीव() फ़ंक्शन
संदर्भःCSS स्कीवY() फ़ंक्शन
- पिछला पृष्ठ CSS सिन() फ़ंक्शन
- अगला पृष्ठ CSS स्कीव() फ़ंक्शन
- एक स्तर ऊपर वापस जाएँ सीएसएस फ़ंक्शन रेफरेंस मैनुअल