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

CSS లక్షణం

CSS యొక్క skew() CSS లో ఫంక్షన్ ఉపయోగిస్తారు కి ఇచ్చిన కోణంపై కి ఎక్కువవుండేలా మూలకాన్ని కోణంలో ఉంచడానికి.

skew() ఫంక్షన్ కి ఉపయోగిస్తారు transform అంతర్భాగంలో ఉపయోగించండి.

ఉపయోగించండి skew() కొన్ని <div> మూలకాలను కోణంలో ఉంచండి:

#myDiv1 {
  transform: skew(15deg);
}
#myDiv2 {
  transform: skew(15deg, 15deg);
}
#myDiv3 {
  transform: skew(-15deg);
}

ఉపయోగించండి skew() కోణంలో ఉన్న చిత్రం:

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

skew(ax, ay)

విలువ	వివరణ
ax	అవసరమైనది. కోణం. కి అక్షంపై పారదర్శకతను నిర్దేశిస్తుంది.
ay	ఎంపికాత్మకం. కోణం. యెయ్ అక్షంపై పారదర్శకతను నిర్దేశిస్తుంది. కానీ మినహా, ఈ విలువ సెట్ చేయబడుతుంది 0.

వెర్షన్ అనుసంధానం:	CSS ట్రాన్స్ఫార్మ్స్ మొడ్యూల్ లెవల్ 1

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

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