CSS3是一個引人注目的技術，它為網頁設計師提供了各種各樣的選項，可以實現引人入勝、高度交互的動畫效果。其中，利用CSS3實現旋轉純動畫也是一個很酷炫的效果。

下面，我們一步步教你如何實現純CSS3的旋轉動畫效果：

.box {
background-color: #f00;
width: 100px;
height: 100px;
position: relative;
animation: spin 4s infinite linear;
}
@keyframes spin {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}

首先，我們需要創建一個容器，然后設置其寬度、高度和背景顏色。位置設置為relative，是因為我們希望它的旋轉是相對于這個容器進行的。然后我們通過animation屬性添加了一個名為“spin”的旋轉動畫，循環次數為無限循環，旋轉方式為線性旋轉。

接下來，我們使用@keyframes規則來聲明名為“spin”的動畫。從“from”到“to”，我們設置了一個0到360度的旋轉。這個可以根據實際需要進行更改。

這就是一個純CSS3的旋轉動畫，非常簡單！我們只需要合理使用CSS3的屬性和規則，就能夠打造出誘人的、動感十足的網頁設計效果。記得嘗試，探索更多有趣的CSS3效果吧！