在CSS中，我們可以使用transform屬性來(lái)實(shí)現(xiàn)旋轉(zhuǎn)動(dòng)畫(huà)效果圖，以下是一個(gè)簡(jiǎn)單的示例，展示了一個(gè)圖片如何圍繞其中心進(jìn)行旋轉(zhuǎn)：

我們需要一個(gè)HTML元素來(lái)承載我們的圖片，

<div class="rotate-image-container">
    <img src="path-to-your-image.jpg" alt="The image to be rotated">
</div>

我們可以使用CSS來(lái)定義旋轉(zhuǎn)動(dòng)畫(huà)：

.rotate-image-container {
    perspective: 1000px; /* 透視效果，使旋轉(zhuǎn)看起來(lái)更自然 */
    transform-style: preserve-3d; /* 確保子元素在3D空間中正確呈現(xiàn) */
    animation: rotation 5s infinite linear; /* 定義旋轉(zhuǎn)動(dòng)畫(huà) */
}
@keyframes rotation {
    from { transform: rotateY(0deg); } /* 從0度開(kāi)始旋轉(zhuǎn) */
    to { transform: rotateY(360deg); } /* 旋轉(zhuǎn)360度 */
}

在這個(gè)示例中，圖片會(huì)圍繞其中心進(jìn)行旋轉(zhuǎn)。transform: rotateY(0deg)表示圖片從0度開(kāi)始旋轉(zhuǎn)，transform: rotateY(360deg)表示圖片旋轉(zhuǎn)360度。animation: rotation 5s infinite linear;定義了一個(gè)名為rotation的動(dòng)畫(huà)，持續(xù)時(shí)間為5秒，無(wú)限循環(huán)，并且以線性速度進(jìn)行。

你可以根據(jù)需要調(diào)整動(dòng)畫(huà)的持續(xù)時(shí)間、旋轉(zhuǎn)角度以及速度，還可以添加其他樣式和效果來(lái)增強(qiáng)旋轉(zhuǎn)動(dòng)畫(huà)的視覺(jué)效果。