CSS圖片循環是一種非常實用的技術，它可以通過CSS代碼實現使同一張圖片在網頁中不斷地循環播放。以下是CSS圖片循環的示例代碼：

/* 設置背景圖片 */
body {
background-image: url('image.jpg');
background-repeat: repeat-x;
background-position: 0 0;
}
/* 通過動畫實現圖片循環 */
@keyframes bg-animation {
from {
background-position: 0 0;
}
to {
background-position: 100% 0;
}
}
/* 將動畫應用于body元素 */
body {
animation: bg-animation 10s linear infinite;
}

以上代碼可以在網頁中將指定的圖片循環播放，其實現原理是通過CSS動畫實現，通過設置背景圖片的位置實現循環播放的效果。其中，background-repeat屬性用于設置圖片的重復方式，repeat-x表示在水平方向上循環播放；background-position表示圖片的位置，0 0表示在最左上角開始循環播放；@keyframes用于設置動畫的關鍵幀，from表示從原始位置開始循環，to表示結束位置，即圖片顯示完整寬度。最后，將動畫應用于body元素即可。