CSS中有一個很有趣的特性，就是可以讓圖片循環顯示。這個特性非常適合用在網站中的背景圖片或者廣告圖片展示上。

要實現圖片循環顯示，我們可以使用以下代碼：

body {
background-image: url('bg.jpg');
animation: slide 20s infinite;
}
@keyframes slide {
0% {
background-position: 0 0;
}
50% {
background-position: 0 -500px;
}
100% {
background-position: 0 0;
}
}

上面的代碼中，我們首先指定了body元素的背景圖片為bg.jpg。然后，我們定義了一個名為slide的動畫，這個動畫將在20秒內無限循環執行。

在動畫中，我們設置了三個關鍵幀，分別對應著動畫執行的起始、中間和結束狀態。在起始狀態中，我們將背景圖片的位置設置為0 0，也就是默認的位置。在中間狀態中，我們將背景圖片的位置設置為0 -500px，也就是向上移動了500像素。而在結束狀態中，我們將背景圖片的位置再次設置為0 0，從而完成了循環顯示的效果。

需要注意的是，由于動畫是針對背景圖片進行的，因此如果需要循環顯示的圖片不是背景圖片，那么需要將其嵌入到一個元素中，然后對這個元素進行動畫設置。

總之，CSS中的圖片循環顯示是一個很有意思的特性，通過巧妙的動畫設置，我們可以讓網頁變得更加生動且吸引人。