CSS animation-iteration-count property

Property values

+ve integerDefault

A positive integer represents the number of times an animation cycle repeats itself.

'1' means the animation completes its cycle only once from beginning to end.

animation-iteration-count: 1;

+ve fractional value

If there is a fractional value, the animation cycles repeat themselves completely for an integral part and partially for the fractional part. 1.5 means one and half of the cycle.

animation-iteration-count: 1.5;

infinite

The animation cycle repeats itself forever.

animation-iteration-count: infinite;