CSS 圖片不間斷滾動是一個很常見的 Web 設計特效，它可以讓圖片或文字不停地橫向或縱向滾動。這種特效常用于網站的橫幅廣告、新聞滾動條等，可以讓網站更加生動有趣。

下面是一個簡單的實現圖片不間斷滾動的 CSS 代碼示例：

.scroll {
white-space: nowrap; /* 讓所有圖片在一行內，不換行 */
overflow: hidden; /* 隱藏圖片溢出部分 */
}
.scroll img {
display: inline-block; /* 將每張圖片變為行內塊元素，可以設置寬高 */
height: 50px; /* 設置圖片高度 */
margin-right: 20px; /* 圖片間距 */
animation: scroll 5s linear infinite; /* 使用動畫實現圖片滾動 */
}
@keyframes scroll {
0% { transform: translateX(0); } /* 初始位置為左邊界 */
100% { transform: translateX(-100%); } /* 移動距離為圖片寬度加上間距 */
}

上面的代碼中，使用了關鍵字white-space和overflow來控制圖片的顯示，然后使用display將圖片變為行內塊元素，設置了高度和間距。最后通過animation屬性實現了圖片的滾動，其中使用了translateX()函數控制每張圖片的位置。

需要注意的是，如果要實現多張圖片的滾動，要將所有圖片放在一個容器元素中，并將容器元素設置為滾動區域。

這是一個簡單的例子，開發者可以根據自己的需求進行修改和擴展。同時，使用 CSS 實現圖片不間斷滾動不僅可以提升 Web 頁面的交互體驗，還有助于優化頁面加載速度和減少對 JavaScript 的依賴。