CSS可以為網頁添加許多動畫效果，今天我們要學習的是如何讓圖片向右運動。

img {
position: relative;
animation-name: move-right;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes move-right {
0% {
left: 0;
}
100% {
left: 100px;
}
}

以上是讓圖片實現向右運動的代碼。首先，我們要將圖片的定位設置為相對定位，這樣才能通過left屬性控制它的位置。

接下來，我們定義一個動畫，命名為move-right，可以根據自己的需要自取名稱。duration屬性表示動畫執行的時間，iteration-count屬性表示動畫循環的次數，我們這里設置為infinite，表示無限循環。direction屬性表示動畫循環的方向，alternate表示來回循環。

在動畫的關鍵幀中，我們定義了兩個狀態。當動畫開始時（0%時），圖片的left屬性為0，表示初始位置。當動畫執行到最后時（100%時），圖片的left屬性為100px，表示向右移動100px。通過這兩個狀態的設置，我們成功地實現了圖片向右運動的效果。

以上是關于如何讓圖片向右運動的介紹。希望對大家有所幫助。