正方形轉動起來是一種比較常見的動畫效果，它可以通過CSS實現。這種動畫效果可以讓網頁更加生動有趣，讓網頁更加有吸引力。

.square {
width: 100px;
height: 100px;
background-color: red;
animation-name: spin;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

上面的代碼就可以讓一個紅色正方形轉動起來。我們可以看到，這個正方形的寬度和高度都是100px，背景色是紅色。在CSS中，我們使用animation-name屬性指定動畫名稱，這個名稱可以自己定義。我們使用animation-duration屬性指定動畫的持續時間，這里是3秒。animation-timing-function屬性指定動畫運行的方式，這里是緩進緩出。animation-iteration-count屬性指定動畫重復的次數，這里是無限次。

在關鍵幀中，我們使用transform屬性指定正方形旋轉的角度。0%表示動畫開始的狀態，這里是角度為0度，也就是正方形沒有發生旋轉。100%表示動畫結束的狀態，這里是角度為360度，也就是正方形經過了一圈的旋轉。

通過上面的代碼，我們就可以實現一個簡單的正方形轉動起來的動畫效果。使用CSS動畫可以使網頁更加豐富有趣，讓用戶對網頁產生好感并留下深刻的印象。