CSS3是一種廣泛使用的樣式語言，它可以通過多種方式改變網頁的外觀。其中，旋轉圖片是常見的一種效果，它可以使網頁更具吸引力并增強其動態性。下面我們將學習如何使用CSS3來讓多張圖片旋轉。

.rotate {
animation-name: rotate;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

上述代碼定義了一個類名為rotate，我們通過這個類名可以將多張圖片進行旋轉。在CSS3中，我們使用@keyframes來定義一個動畫，這個動畫包含了旋轉的過程。

在@keyframes中，我們定義了兩個狀態：0%和100%。在0%處，圖片旋轉角度為0度；在100%處，圖片旋轉角度為360度，即一整圈。我們通過transform屬性來控制圖片的旋轉，使用rotate()函數來指定旋轉角度。

接下來，我們需要將rotate類名應用到多張圖片中。例如：

這樣，我們的三張圖片就可以在頁面中不斷地旋轉。我們也可以通過調整animation-duration來控制動畫的速度，iteration-count屬性來控制動畫的循環次數，timing-function屬性來指定動畫的時間曲線。

總之，CSS3的旋轉動畫效果讓我們的頁面更加生動有趣，讓我們的圖片更加具有吸引力和藝術性。