在CSS中，我們可以使用多種方法來實現(xiàn)多張圖片的無限循環(huán)展示，以下是一種常見的方法，利用CSS的animation屬性和@keyframes規(guī)則來創(chuàng)建動畫效果。

我們需要在HTML中準(zhǔn)備一些圖片元素。

<div class="image-container">
  <img src="image1.png" alt="Image 1">
  <img src="image2.png" alt="Image 2">
  <img src="image3.png" alt="Image 3">
  <!-- 更多圖片 -->
</div>

在CSS中設(shè)置動畫：

@keyframes image-animation {
  0% {opacity: 0;}
  20% {opacity: 1;}
  33% {opacity: 1;}
  53% {opacity: 0;}
  100% {opacity: 0;}
}
.image-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  animation: image-animation 5s infinite;
}
.image-container img:nth-child(1) {
  animation-delay: 0s;
}
.image-container img:nth-child(2) {
  animation-delay: 5s;
}
.image-container img:nth-child(3) {
  animation-delay: 10s;
}

在這個例子中，我們創(chuàng)建了一個名為image-animation的動畫，它會在5秒內(nèi)將圖片的透明度從0變?yōu)?，然后再變回0，通過設(shè)置animation-delay屬性，我們可以控制每張圖片的動畫開始時間，從而實現(xiàn)無限循環(huán)展示多張圖片的效果，這種方法可以很容易地擴展到更多的圖片，只需添加更多的img元素和相應(yīng)的animation-delay值。