CSS3來回旋轉效果可以幫助網頁設計者創造出更加豐富多彩的界面。在本文中，我們將重點介紹如何使用CSS3制作一種來回旋轉效果。
首先，我們需要使用CSS3中的“@keyframes”規則來定義旋轉動畫的關鍵幀。以下是示例代碼：
```css
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
```
在這個關鍵幀中，我們定義了旋轉效果的起始狀態和結束狀態，起始狀態為“0deg”（即不旋轉），結束狀態為“360deg”（即完全旋轉一圈）。
接下來，我們可以應用這個關鍵幀到元素上。以下是示例代碼：
```css
.element {
animation-name: rotation;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
```
在這個代碼片段中，我們通過“animation-name”屬性將旋轉動畫的名稱設置為“rotation”，通過“animation-duration”屬性定義動畫時長為“2s”，通過“animation-iteration-count”屬性設置動畫重復次數為“infinite”。
最后，我們通過“animation-direction”屬性可以讓元素在完成一次動畫后反向旋轉，從而實現來回旋轉的效果。
下面是完整的示例代碼：
```css
來回旋轉效果
```
在這個例子中，我們使用了一個簡單的div元素作為展示效果的載體。當我們運行這個代碼后，就可以看到一個旋轉的元素，它會不斷地在正反方向之間切換，從而實現了來回旋轉的效果。
通過CSS3制作來回旋轉效果是非常簡單的，只需要使用幾個關鍵幀和動畫屬性就可以了。如果您希望進一步了解CSS3動畫的相關知識，可以查看相關的教程和文檔。上一篇css3標題欄樣式
下一篇css 頁面常用動畫