在CSS中，我們可以使用動(dòng)畫（animation）來實(shí)現(xiàn)兩張圖片的循環(huán)播放，以下是一個(gè)簡單的示例：

我們需要準(zhǔn)備兩張圖片，分別命名為image1.png和image2.png，我們可以使用CSS的@keyframes規(guī)則來創(chuàng)建一個(gè)動(dòng)畫，該動(dòng)畫將在image1.png和image2.png之間循環(huán)切換。

HTML代碼：

<div class="image-container">
  <img class="image1" src="image1.png" />
  <img class="image2" src="image2.png" />
</div>

CSS代碼：

@keyframes image-cycle {
  0% {opacity: 1; transform: none;}
  50% {opacity: 0; transform: translateX(100%);}
  100% {opacity: 1; transform: translateX(200%);}
}
.image-container {
  position: relative;
  width: 300px;
  height: 200px;
  overflow: hidden;
}
.image1, .image2 {
  position: absolute;
  width: 300px;
  height: 200px;
  animation: image-cycle 4s infinite;
}
.image2 {
  animation-delay: 2s;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為image-cycle的動(dòng)畫，該動(dòng)畫將在0到100%之間將圖片從image1切換到image2，我們將這個(gè)動(dòng)畫應(yīng)用到.image1和.image2上，并設(shè)置動(dòng)畫的持續(xù)時(shí)間為4秒，以及無限循環(huán)（infinite），我們將.image2的動(dòng)畫延遲設(shè)置為2秒，以實(shí)現(xiàn)圖片的循環(huán)切換效果。