让这个滑块无限旋转

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.slider {
  animation: rotate 2s linear infinite;
}

<div class="slider"></div>

.slider {
  width: 100px;
  height: 100px;
  background-color: red;
  animation: rotate 2s linear infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

const slider = document.querySelector('.slider');
let rotation = 0;

function rotateSlider() {
  rotation += 1;
  slider.style.transform = `rotate(${rotation}deg)`;
  requestAnimationFrame(rotateSlider);
}

rotateSlider();