CSS中的圖片無限滾動功能是一個很有趣的特效。當頁面中的圖片超出邊框時，CSS可以通過圖片的滾動來提供一種動態效果。下面，我們就來看一下如何實現CSS圖片無限滾動的代碼。

/* 定義圖片外部容器 */
.container {
overflow: hidden; /* 隱藏超出邊框的部分 */
width: 500px; /* 容器寬度 */
height: 300px; /* 容器高度 */
position: relative; /* 定義容器為相對定位 */
}
/* 定義圖片滾動區域 */
.image-wrapper {
position: absolute; /* 定義為絕對定位 */
top: 0; /* 距離頂部距離為0 */
left: 0; /* 距離左側距離為0 */
width: 100%; /* 寬度為100% */
height: 100%; /* 高度為100% */
white-space: nowrap; /* 防止圖片換行 */
animation: scroll 10s linear infinite; /* 滾動特效 */
}
/* 定義滾動特效 */
@keyframes scroll {
0% { transform: translateY(0); }
100% { transform: translateY(-100%); }
}

在上述代碼中，我們首先定義了一個圖片外部容器，利用overflow:hidden來隱藏圖片區域的超出部分。接下來，我們定義了一個圖片滾動區域，并將其設為絕對定位，這樣才能實現圖片滾動的效果。

在滾動特效中，我們使用了CSS3的動畫屬性animation，利用代表時間的時間線函數linear來以相同的速率滾動圖像。我們可以通過調整animation的時間參數來加快或減緩滾動速度。

最后，我們定義動畫keyframes的兩個狀態：0% 和 100%。其中，0%表示最開始的狀態，即圖片在容器的位置，而100%則表示在滾動后最終的狀態，即圖片滾到容器上部外面。然后，我們利用transform屬性和translateY函數來定義圖片的滾動效果。

總之，CSS圖片無限滾動是一種很有趣的特效，通過簡單的代碼就可以實現。希望大家可以多多嘗試，創造出更優美的動態效果。