CSS元素旋轉動畫是網頁設計時常用到的技巧，它可以使頁面元素更為生動、有趣。旋轉動畫的實現需要用到CSS3的transform屬性，下面我們來介紹一下這個屬性的用法。

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

上面的代碼中，.box是我們需要進行旋轉動畫的元素，通過設置width、height來確定它的大小，背景色設置為紅色。同時，我們也設置了它的position屬性為relative，為了后面進行動畫旋轉的定位。

在動畫效果的實現上，我們通過關鍵幀的方式，將rotate屬性從0度到360度進行了過渡，實現了元素的旋轉。同時，我們也在.box元素上加上了animation屬性，表示動畫效果的名稱是rotate。

通過這樣的簡單操作，我們就可以實現元素的旋轉動畫效果。當然，我們也可以根據具體的需求，對動畫進行更加復雜的設置，達到更加絢麗的效果。