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

CSS rotate() ఫంక్షన్

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

rotate() ఫంక్షన్ సమర్పణలో ప్రతిపాదించబడింది ఎలిమెంట్లు 2D పునఃక్రమణం. transform అనునాసికలు లో ఉపయోగించండి.

ఉదాహరణ

ఉదాహరణ 1

ఉపయోగించండి rotate() మలుపులు కలిగిన <div> ఎలిమెంట్లను పునఃక్రమణం చేయండి:

#myDiv1 {
  transform: rotate(25deg);
}
#myDiv2 {
  transform: rotate(45deg);
}
#myDiv3 {
  transform: rotate(-45deg);
}

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

ఉదాహరణ 2

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

#img1 {
  transform: rotate(90deg);
}
#img2 {
  transform: rotate(45deg);
}
#img3 {
  transform: rotate(-45deg);
}

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

CSS సంకేతాలు

rotate(పోస్టు)

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

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

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

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

శిక్షణాగ్రంCSS 2D ట్రాన్స్‌ఫార్మ్

సూచనలు:CSS ట్రాన్స్ఫార్మ్ అట్రిబ్యూట్

సూచనలు:CSS రోటేట్ అట్రిబ్యూట్

సూచనలు:CSS rotate3d() ఫంక్షన్

సూచనలు:CSS rotateX() ఫంక్షన్

సూచనలు:CSS rotateY() ఫంక్షన్

సూచనలు:CSS rotateZ() ఫంక్షన్