కోర్సు పరిశీలన:

CSS rotate3d() ఫంక్షన్

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

rotate3d() ఫంక్షన్ సంకేతాలు మూలకాన్ని 3D పరిక్రమించేటట్టు నిర్వచిస్తాయి. ట్రాన్స్‌ఫార్మ్ గుణంలో ఉపయోగించండి.

ప్రతిపాదన

ఉదాహరణ 1

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

#myDiv1 {
  transform: rotate3d(1, 2, 1, 45deg);
}
#myDiv2 {
  transform: rotate3d(0, 1, 0, 60deg);
}
#myDiv3 {
  transform: rotate3d(1, 0, 0, 45deg);
}

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

ఉదాహరణ 2

ఉపయోగించండి rotate3d() చిత్రాలను పరిక్రమించండి:

#img1 {
  transform: rotate3d(1, 2, 1, 45deg);
}
#img2 {
  transform: rotate3d(0, 1, 0, 60deg);
}
#img3 {
  transform: rotate3d(1, 0, 0, 45deg);
}

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

CSS సంకేతాలు

rotate3d(x, y, z, కోణం)

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

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

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

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

శిక్షణాలోకంలో ఉందిCSS 3D 变换

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

参考：CSS rotate అంశం

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

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

参考：CSS rotateY() 函数

参考：CSS rotateZ() 函数