CSS可以讓一張圖片做動畫，讓頁面更生動，這樣就會更吸引人了。我們可以使用CSS的animation屬性來實現這個效果。

/*設置img的動畫*/
img{
width: 100px;
position: absolute;
animation: move 2s linear infinite;
}
/*定義移動動畫*/
@keyframes move{
0%{
top:0px;
left: 0px;
}
50%{
top:100px;
left: 100px;
}
100%{
top:0px;
left: 0px;
}
}

在上面的代碼中，我們給img設置了動畫，并且使用animation屬性給它賦值。我們定義了一個名為move的移動動畫，然后將它賦值給animation屬性。設置得很簡單，就三行代碼。

接下來，我們分別設置了從0%到50%和50%到100%的移動狀態。這里主要控制圖片的移動方向和距離。最后，也就是100%時，圖片會重新回到初始位置。這里的百分比表示整個動畫的時間進度，所以要從0%開始，最后是100%結束。