CSS圖片怎么來回移動？對于網站設計師和開發者來說，如何運用CSS來展示圖片是很重要的。懂得如何讓圖片來回移動，可以增強網站的視覺效果和用戶交互體驗。

/*定義keyframes動畫*/
@keyframes move {
/*圖片從起始位置往右移動*/
0% {
transform: translateX(0);
}
/*圖片從當前位置往左移動*/
50% {
transform: translateX(200px);
}
/*圖片回到起始位置*/
100% {
transform: translateX(0);
}
}
/*定義圖片樣式*/
img {
width: 200px;
height: 200px;
position: relative;
animation: move 3s infinite;
}

這里我們使用CSS3的動畫特性來使圖片來回移動。首先，我們定義了一個名為move的keyframes動畫，通過transform來實現圖片的位移。

接著，我們定義了一個img樣式并將其設置為相對定位，使得圖片相對于文檔流有一個位置。然后將animation屬性設置為move 3s infinite，這樣就將move動畫應用到了圖片上。

最后，我們得到了一段動畫代碼，能讓圖片不斷來回移動。通過這個簡單的示例，可以看到CSS動畫和小圖標的應用是十分實用的。