Like, every 5 seconds to play the animation in css?

There is a block. need to every 5 seconds play animation (rotate).
.block {
....
animation: rotate .7s infinite alternate linear;
....
}

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

I can not understand how to make
July 12th 19 at 13:18
3 answers
July 12th 19 at 13:20
Solution
July 12th 19 at 13:22
Solution
You need to place a pause in the animation itself.
Distribute very rude https://jsfiddle.net/webirus/4fLzy30y/
Time and % priceite themselves.
For example, the 0-20% - the animation itself.
And from 20% to 100% pause.
July 12th 19 at 13:24
Yes, almost what you need turned out) Thanks for the help

Find more questions by tags CSS