CSS不斷旋轉(zhuǎn)圖片是一種常見的動畫效果，它可以讓網(wǎng)頁看起來更加生動和有趣。下面，我們將通過pre標(biāo)簽展示如何使用CSS來實(shí)現(xiàn)這種效果。

img {
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

代碼解釋：

1. 首先，我們需要選中需要旋轉(zhuǎn)的圖片，這里使用了img選擇器。

2. 然后，我們使用animation屬性來定義動畫效果。該屬性可以有四個值，分別為：動畫名稱、動畫時長、動畫速度曲線和動畫播放次數(shù)。在本例中，我們將動畫名稱設(shè)置為rotate，動畫時長為2秒，動畫速度曲線為linear表示勻速，動畫播放次數(shù)為infinite表示無限次播放。

3. 接下來，我們使用@keyframes規(guī)則來定義動畫的關(guān)鍵幀。該規(guī)則可以有多個關(guān)鍵幀，我們根據(jù)需求來添加關(guān)鍵幀。在本例中，我們定義了兩個關(guān)鍵幀：from和to。from表示動畫的起始狀態(tài)，to表示動畫的結(jié)束狀態(tài)。在本例中，起始狀態(tài)為0度，結(jié)束狀態(tài)為360度。

最后，我們通過這段CSS代碼實(shí)現(xiàn)了一張圖片的不斷旋轉(zhuǎn)，讓網(wǎng)頁看起來更加生動有趣。