CSS是前端開發者最常用的一種樣式語言，它可以實現眾多效果，如今我們就來探討一下如何使用CSS讓盒子旋轉。

.box {
width: 100px;
height: 100px;
background-color: red;
animation: rotate 2s linear infinite;
}
@keyframes rotate {
to {
transform: rotate(360deg);
}
}

上面這段代碼是讓一個寬高為100px的紅色盒子無限旋轉，重點在于animation和@keyframes這兩個屬性。animation屬性是讓元素產生動畫效果，而@keyframes定義的是動畫的關鍵幀。

我們來分解一下代碼：box表示盒子類名，width和height是盒子的寬高大小，background-color是盒子的背景色。animation屬性是rotate，2s表示旋轉的時間長度，linear是動畫的運動函數，此處為線性運動，infinite是表示循環次數為無限循環。@keyframes定義了一個rotate的動畫，其中to表示動畫的結束狀態，transform: rotate(360deg)則是將盒子沿Z軸進行360度旋轉。

通過這段代碼，我們可以讓一個簡單的紅色盒子旋轉起來，這也是CSS在處理動畫效果上的一種強大的表現方式。至于如何控制旋轉方式以及弧度等細節效果，讀者可以自己嘗試實現。