सीएसएस रेफरेंस मैनुअल

CSS एट्रिब्यूट

CSS का skewX() CSS के फ़ंक्शन का उपयोग करता है और एलीमेंट को दिए गए कोण के अनुसार x अक्ष पर झुकाता है。

skewX() कार्यक्रम में transform प्रयोग में इस्तेमाल करें

सूचना:skewX(a) समान है skew(a, 0)!

इस्तेमाल करें skewX() दिए गए कोण के अनुसार x अक्ष पर कई <div> एलीमेंट्स को झुकाएं:

#myDiv1 {
  transform: skewX(15deg);
}
#myDiv2 {
  transform: skewX(30deg);
}
#myDiv3 {
  transform: skewX(-25deg);
}

इस्तेमाल करें skewX() दिए गए कोण के अनुसार x अक्ष पर छवि को झुकाएं:

#img1 {
  transform: skewX(25deg);
}
#img2 {
  transform: skewX(-25deg);
}
#img3 {
  transform: skewX(10deg);
}

skewX(a)

मूल्य	वर्णन
a	आवश्यक. कोण. x अक्ष पर झुकाव निर्दिष्ट करता है。

संस्करण:	CSS Transforms Module Level 1

तालिका में दिए गए नंबर इस फ़ंक्शन को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。

क्रोम	एज	फायरफॉक्स	सफारी	ओपेरा
1	12	3.5	3.1	10.5