How to run the animation infinite time in CSS?

Question

guys I am making a programming in my PC so how can I make the animation run infinitely

for example /*Slide is the name of the animation*/
@-webkit-keyframes slide{
0%{background: red;}
5%{background: blue;}
}
@keyframes slide{
0%{background: red;}
5%{background: blue;}
}

so how to run it for infinite time for 4s dur.
//please give the answer very soon if possible.

Answer 1

Use this property
animation-iteration-count:infinite;

edit::https://code.sololearn.com/WFkO9RlRuxyD/?ref=app

Answer 2

This property sets the number of times you want to play the animation. You can give it either any natural number or infinite in its value.

Answer 3

use this property ↓↓↓
animation: slide 4s infinite;
-webkit-animation: slide 4s infinite;

Answer 4

Use it please ↓↓↓ :)
animation-iteration-count: infinite;

Answer 5

thanks to all I would try it now.

Answer 6

what is the work of animation-iteration-count.