Как, каждые 5 секунд проигрывать анимацию в css?

Question

[Евгений]

Есть блок. нужно, чтобы через каждые 5 секунд проигрывалась анимация (rotate).

.block {
....
animation: rotate .7s infinite alternate linear;
....
}

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

Не могу понять как сделать

Answer 1

[Василий]

ru.stackoverflow.com/questions/429594/%D0%9A%D0%B0...

Answer 2

[Сергей Горячев]

Вам нужно заложить паузу в саму анимацию.
Накидал очень грубо - https://jsfiddle.net/webirus/4fLzy30y/
Время и % прикидайте сами.
Например, 0-20% - сама анимация.
А с 20% и до 100% пауза.