CSS實現無限輪播圖片，通常有兩種方法：

方法一：使用動畫實現輪播效果

/*CSS樣式*/
@keyframes carousel {
0% { margin-left: 0; }
100% { margin-left: -300%; }
}
.carousel{
width: 600%;
height: 100%;
animation: carousel 20s infinite;
}
img{
width: 20%;
height: 100%;
float: left;
}

方法二：使用偽元素實現輪播效果

/*CSS樣式*/
.carousel{
width: 100%;
height: 500px;
position: relative;
overflow: hidden;
} 
.carousel::after{
/*生成偽元素*/
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 100%;
background: inherit;
animation: carousel 20s infinite;
}
.carousel img{
width: 100%;
height: 100%;
float: left;
}

以上兩種方法都是通過CSS實現圖片輪播效果，其中使用動畫的方法塊級元素需要設定寬度為圖片的寬度之和，而使用偽元素的方法則不需要設定寬度。另外，通過調整動畫的時間和圖片數量，可以實現不同速度和間隔的輪播效果。