CSS rotateY() ఫంక్షన్

నిర్వచనం మరియు ఉపయోగం

CSS rotateY() ఫంక్షన్ అనేది అంశాన్ని యై చుట్టూ చక్రం చుట్టూ పరివర్తించడానికి నిర్వచించబడింది.

rotateY() ఫంక్షన్ లో పరివర్తన అనుసరించండి.

ఉదాహరణ

ఉదాహరణ 1

ఉపయోగించండి rotateY() యై చుట్టూ చక్రం చుట్టూ చివరి <div> అంశాలను పరివర్తించండి:

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

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

ఉదాహరణ 2

ఉపయోగించండి rotateY() యై చుట్టూ చక్రం చుట్టూ చిత్రాన్ని పరివర్తించండి అని పద్ధతి ఉంది:

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

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

CSS సంకేతం

rotateY(కోణం)

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

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

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

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

శిక్షణ పాఠ్యం:CSS 3D మార్పులు

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

参考：CSS rotate లక్షణం

参考：CSS rotate() 函数

参考：CSS rotate3d() 函数

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

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