కోర్సు సిఫార్సులు:

CSS rotateX() ఫంక్షన్

నిర్వచనం మరియు ఉపయోగం rotateX() CSS

rotateX() ఫంక్షన్ కింది అక్షం (హోరిజంటల్ దిశ) పైన అంశాన్ని మలుపులు పెట్టే 3D పరిభాషించడానికి నిర్దేశిస్తుంది. transform గుణాలు లో ఉపయోగించండి.

ఉదాహరణ

ఉదాహరణ 1

ఉపయోగించండి rotateX() కింది అక్షం (హోరిజంటల్ దిశ) పైన మలుపులు పెట్టే మలుపులు <div> మెటాడ్స్ రెండు కలిపి పరిభాషించండి:

#myDiv1 {
  transform: rotateX(40deg);
}
#myDiv2 {
  transform: rotateX(60deg);
}
#myDiv3 {
  transform: rotateX(80deg);
}

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

ఉపయోగించండి rotateX() కింది అక్షం (హోరిజంటల్ దిశ) పైన చిత్రాన్ని చుట్టూ పరిభాషించండి:

#img1 {
  transform: rotateX(40deg);
}
#img2 {
  transform: rotateX(60deg);
}
#img3 {
  transform: rotateX(80deg);
}

స్వయంగా ప్రయత్నించండి

CSS సంకేతాలు

rotateX(యాంగల్)

సాంకేతిక వివరాలు

బ్రౌజర్ మద్దతు

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

సంబంధిత పేజీలు

శిక్షణ పద్ధతి:CSS 3D మార్పులు

参考：CSS ట్రాన్స్ఫార్మ్ అట్రిబ్యూట్

参考：CSS rotate అట్రిబ్యూట్

参考：CSS rotate() 函数

参考：CSS రోటేటే3డ్() ఫంక్షన్

参考：CSS రోటేటేయ్() ఫంక్షన్

参考：CSS rotateZ() 函数