在web開發(fā)中，圖片展示是非常重要的一部分，而圖片旋轉(zhuǎn)也是常用的效果之一。CSS可以很方便地實現(xiàn)多張圖片旋轉(zhuǎn)的功能。

.img-wrapper {
display: flex; /* 將圖片容器設(shè)為flex布局，方便旋轉(zhuǎn) */
justify-content: center; /* 讓圖片水平居中 */
align-items: center; /* 讓圖片垂直居中 */
flex-wrap: wrap; /* 當(dāng)圖片超過容器大小時，換行顯示 */
}
.img-wrapper img {
margin: 10px; /* 圖片之間留白 */
transition: transform 0.3s; /* 動畫過渡時間 */
}
.img-wrapper img:hover {
transform: rotate(360deg); /* 鼠標(biāo)懸停時旋轉(zhuǎn)360度 */
}

上面的CSS代碼中，我們通過Flex布局將圖片容器設(shè)為水平居中和垂直居中，并且讓圖片自動換行。圖片本身默認不旋轉(zhuǎn)，但鼠標(biāo)懸停時會觸發(fā)旋轉(zhuǎn)動畫。

接下來，我們看一下實現(xiàn)效果：

通過CSS代碼的實現(xiàn)，我們可以很容易地為多張圖片添加旋轉(zhuǎn)效果，讓網(wǎng)頁看起來更加動態(tài)和生動。