CSS可以很容易地實現上下移動圖片效果。首先，在HTML文件中設置一張圖片：

<img src="example.jpg" alt="example">

接下來，在CSS文件中使用以下代碼來實現上下移動圖片的效果：

img {
position: relative; /* 使圖片脫離文檔流 */
animation-name: move; /* 設置動畫名稱 */
animation-duration: 2s; /* 設置動畫持續時間 */
animation-iteration-count: infinite; /* 設置動畫循環次數 */
animation-direction: alternate; /* 設置動畫往返運動 */
}
@keyframes move {
from {
top: 0; /* 設置起始位置 */
}
to {
top: 50px; /* 設置終止位置 */
}
}

以上代碼中，我們首先讓圖片脫離文檔流，因為動畫會使它の位置發生變化，不希望它影響到其他元素。然后，我們定義了一個名為“move”的動畫，它從起始位置（0像素）到終止位置（50像素）移動，每次往返運動，循環播放。

最后，我們將動畫應用到圖片元素上，這樣就可以看到上下移動的效果了。