CSS旋轉效果的動畫效果是網站設計中常用的一種特效。通過使用CSS的transform屬性，可以輕松地讓元素旋轉起來，并配合動畫實現平滑過渡的效果。

/* 定義一個旋轉動畫，持續時間為2秒，循環播放 */
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* 給元素添加旋轉動畫 */
.element {
animation: rotate 2s linear infinite;
}

以上代碼是最簡單的旋轉動畫效果，可以通過修改animation屬性的值來實現不同的效果。比如，可以修改animation屬性中的duration、timing-function、delay等值來控制動畫的持續時間、過渡效果和延遲時間。

此外，還可以使用CSS3提供的transform-origin屬性來控制元素的旋轉中心點，默認為元素的中心點，也可以設置為其他位置。

/* 將元素的旋轉中心移動到右上角 */
.element {
transform-origin: top right;
}

最后提醒一下，當使用rotate函數旋轉元素時，角度值為正數表示順時針方向旋轉，負數表示逆時針方向旋轉。此外，也可以使用其他CSS3提供的函數實現更多效果，比如scale函數可以實現縮放效果。