Чтобы создать CSS-анимацию, которая вращается бесконечно, вы можете использовать следующие методы:

1. Использование преобразования CSS:

   .spinner {
    animation: spin 2s infinite linear;
   }
   @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
   }

2. Использование CSS-анимации:

   .spinner {
    animation-name: spin;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
   }
   @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
   }

3. Использование CSS-перехода:

   .spinner {
    transition: transform 2s linear;
   }
   .spinner.spin {
    transform: rotate(360deg);
   }