సిఎస్ఎస్ రిఫరెన్స్ హాండ్బుక్

CSS అట్రిబ్యూట్

CSS యొక్క skewX() ఫంక్షన్ ఉపయోగిస్తుంది. ఇచ్చిన కోణంపై 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 ట్రాన్స్ఫార్మ్స్ మొడ్యూల్ లెవల్ 1

పట్టికలో ఉన్న సంఖ్యలు ఈ ఫంక్షన్ పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ నిర్దేశిస్తుంది.

క్రోమ్	ఎడ్జ్	ఫైర్ఫాక్స్	సఫారీ	ఆపెరా
1	12	3.5	3.1	10.5