CSS3中可以使用animation屬性來實現(xiàn)圖片的輪流播放效果，以下是一個簡單的示例代碼：

HTML部分：

<div class="image-container">
  <img class="image" src="image1.png" alt="Image 1">
  <img class="image" src="image2.png" alt="Image 2">
  <img class="image" src="image3.png" alt="Image 3">
  <img class="image" src="image4.png" alt="Image 4">
</div>

CSS部分：

.image-container {
  position: relative;
  width: 300px;
  height: 200px;
}
.image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: image-rotate 8s linear infinite;
}
@keyframes image-rotate {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(90deg); }
  50% { transform: rotate(180deg); }
  75% { transform: rotate(270deg); }
  100% { transform: rotate(360deg); }
}

在這個示例中，我們創(chuàng)建了一個圖片容器，并給每個圖片元素添加了animation屬性。image-rotate關鍵幀動畫將圖片從0度旋轉到360度，每8秒完成一次循環(huán)，這樣，圖片就會按照順序輪流播放，你可以根據(jù)需要調整動畫的持續(xù)時間、延遲時間和循環(huán)次數(shù)等參數(shù)。