CSS skewY() फ़ंक्शन

रिकार्ड और इस्तेमाल

के लिए 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 स्कीव्हेक्स() फ़ंक्शन