Может кому-то пригодится! На самом деле вопрос решается еще проще! Сам столкнулся.
Создание окружности:
.circle {
margin: auto;
border-radius: 50%;
width: 50px;
height: 50px;
border: 4px solid lightgray;
border-top: 4px solid black;
margin-bottom: 8px;
animation: spin 2s linear infinite;
}
И заставляем его крутится:
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}