CSS旋轉360度動畫一直是網頁設計中常用的效果之一。通過設置CSS屬性transform:rotate(360deg)可以實現元素的360度旋轉。
這里是一個實現一個CSS旋轉的例子：

p {
width: 100px;
height: 100px;
background-color: pink;
animation: rotate 1s linear infinite;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

在上述代碼中，我們給p元素設置了動畫屬性animation，并定義了rotate函數。這個函數是一個動畫的關鍵幀定義，通過設置from和to的transform，我們實現了p元素從0度旋轉到了360度。最后設置了無限重復通過infinite的屬性值。
需要注意的是，rotate函數只是一個例子。我們可以自定義函數實現更多不同的旋轉方式，比如從一個角度旋轉到另一個角度、持續時間不同或者動畫曲線不同等等。
除了通過keyframe定義動畫，我們還可以使用transition實現CSS旋轉效果。例如，我們可以通過以下CSS樣式實現按鈕被單擊后360度旋轉的效果：

button {
transition: transform 1s ease-in-out;
}
button:active {
transform: rotate(360deg);
}

在這個例子中，我們使用了button元素和transition屬性。當按鈕被單擊后，我們設置了transform:rotate(360deg)，觸發按鈕旋轉的動畫效果。
CSS中的360度旋轉動畫，可以讓我們的網站看起來更具有動感和時尚感。它是一個簡單實用、易于定制的效果，經常被web設計師使用。通過進行實施和修改，我們可以得到更多自己喜歡的旋轉效果。