CSS రోటేట్ అట్రిబ్యూట్

定义和用法

rotate 属性允许你旋转元素。

rotate 属性定义了一个值，表示元素绕 z 轴顺时针旋转的程度。要绕 x 轴或 y 轴或其他方式旋转元素，必须进行相应的定义。

rotate 属性的值可以是一个角度、轴名称 + 角度，或三个值 + 角度。

• 如果只给出一个角度，元素将绕 z 轴顺时针旋转。
• 如果给出轴名称 + 角度，元素将绕指定的轴顺时针旋转。
• 如果给出三个值 + 角度，这三个值定义了一个向量，元素将绕该向量旋转。

బాగా అర్థం చేసుకోవడానికి rotate లక్షణం చూడండి:ప్రదర్శన。

మౌనింగ్:ఎలమెంట్ను రోటేషన్ చేయడానికి మరొక పద్ధతి దానిని ఉపయోగించడం ద్వారా ఉంది: CSS రోటేట్() ఫంక్షన్ యొక్క CSS transform లక్షణం.

ఉదాహరణ

ఉదాహరణ 1

ఎలమెంట్ రోటేషన్ మార్చండి:

div {
  rotate: 30deg;
}

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

ఉదాహరణ 2

ఉన్నప్పుడు rotate వెక్టర్ మరియు కోణాన్ని సెట్ చేసినప్పుడు, ఎలమెంట్ ఈ వెక్టర్ చుట్టూ రోటేషన్ చేస్తుంది。

ఇక్కడ, వెక్టర్ రెండు అంశాల ప్లాన్లో [1 1 0] ఉంది, x మరియు y కోణాలు కలిగి ఉంటుంది, మరియు 60 డిగ్రీలు రోటేషన్ చేస్తుంది:

div {
  rotate: 1 1 0 60deg;
}

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

CSS సంకేతాలు

rotate: axis angle|initial|inherit;

లక్షణ విలువలు

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

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

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

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

教程：CSS 2D మార్పు

教程：CSS 3D 变换

పరిచయం లో ఉంది:CSS స్కేల్ అట్రిబ్యూట్

పరిచయం లో ఉంది:CSS ట్రాన్స్లేట్ అట్రిబ్యూట్