如何在CSS中频繁停止背景图片？

.stop-background {
  animation-play-state: paused;
}

@keyframes stopBackground {
  0% {
    opacity: 1; /* 背景图片完全显示 */
  }
  50% {
    opacity: 0; /* 背景图片逐渐隐藏 */
  }
  100% {
    opacity: 0; /* 背景图片完全隐藏 */
  }
}

.stop-background {
  animation-name: stopBackground;
  animation-duration: 5s; /* 动画持续时间，可以根据需求自行调整 */
  animation-timing-function: linear; /* 动画的过渡效果，这里使用线性过渡 */
  animation-iteration-count: infinite; /* 动画的重复次数，这里设置为无限重复 */
}