CSS skew() फ़ंक्शन

रोज़ा और इस्तेमाल

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() फ़ंक्शन