CSS是應用廣泛的網頁樣式設計語言，旋轉是其中一個常用的效果。透過CSS實現旋轉可以讓網頁更加美觀、直觀，以下介紹幾種常用的CSS旋轉程式碼，以供參考。
1、使用transform屬性
transform屬性可以使元素進行旋轉、縮放、傾斜、移動等操作。使用rotate()方法可以對元素進行旋轉，其中deg為旋轉的角度值，正數為順時針旋轉，負數為逆時針旋轉。
例如：
.rotate {
transform: rotate(45deg);
}
2、使用transition屬性和transform的rotate方法
transition屬性可以控制元素的過渡效果，讓元素在旋轉時有平滑的過渡效果。
例如：
.rotate {
transition: transform 0.5s ease-in-out;
}
.rotate:hover {
transform: rotate( 45deg);
}
3、使用animation屬性和@keyframes規則
@keyframes規則可以定義CSS 動畫中的關鍵幀，而animation屬性可以控制CSS 動畫中的表現。
例如：
.rotate {
animation: rotate-ani 2s linear infinite;
}
@keyframes rotate-ani {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
以上就是幾種常用的CSS旋轉程式碼，透過不同的方式實現元素的旋轉效果。希望這些程式碼能幫助到需要的讀者，讓網頁更美觀、更生動。
以上是css如何實現旋轉效果（程式碼範例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
