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