可以實現旋轉效果的屬性是“transform”，需要rotate()、rotate3d()、rotateX()、rotateY()等函數一起使用。 transform屬性用於向元素應用2D或3D轉換，允許對元素進行旋轉、縮放、移動或傾斜。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
css中可以實現旋轉效果的屬性是「transform」。
transform 屬性向元素套用 2D 或 3D 轉換。此屬性允許我們對元素進行旋轉、縮放、移動或傾斜。
transform 屬性可以實現旋轉的屬性值：
rotate(angle) 定義 2D 旋轉，在參數中規定角度。
rotate3d(x,y,z,angle) 定義 3D 旋轉。
rotateX(angle) 定義沿著 X 軸的 3D 旋轉。
rotateY(angle) 定義沿著 Y 軸的 3D 旋轉。
rotateZ(angle) 定義沿著 Z 軸的 3D 旋轉。
範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div,img,body{
margin: 0;
padding: 0;
}
img.touxiang:hover{
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
img.touxiang{
margin: 0 auto;
display: block;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
border-radius:100%;
}
</style>
</head>
<body><br><br><br><br>
<img src="touxiang.jpg" alt=""/>
</body>
</html>效果圖：
#（學習影片分享：css影片教學）
以上是css中可以實現旋轉效果的屬性是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
