CSS圖片平移動畫是基于CSS3技術實現的一種動畫效果，它可以使圖片在頁面上自動平移，極大豐富了頁面的動態效果和視覺體驗，下面我們來詳細介紹一下CSS圖片平移動畫。

.image {
width: 200px;
height: 200px;
background-image: url(../images/example.png);
background-repeat: no-repeat;
position: relative;
animation: move 5s infinite; /*聲明動畫*/
}
@keyframes move {
from {left: 0px;}
to {left: 500px; /*動畫結束時的樣式*/}
}

首先，我們需要定義一個包含圖片的元素，并將元素的position屬性設為relative，這樣可以讓圖片在元素內部移動。然后使用animation屬性來聲明動畫，并指定動畫前綴move，以及動畫時長和循環次數，如上面的代碼所示。

接著在@keyframes中定義動畫，使用from表示動畫開始時元素的樣式，to表示動畫結束時元素的樣式。這里我們將圖片向右平移500px，表示動畫結束后圖片已經移動到了元素的最右邊。

以上代碼即可實現圖片的平移動畫效果，通過修改animation屬性和@keyframes中的樣式可以實現不同的動畫效果，如改變移動方向、速度等。