CSS animation-iteration-count property

Property values

+ve integerDefault

1

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;

Try it { }

+ve fractional value

1.5

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;

Try it { }

infinite

The animation cycle repeats itself forever.

animation-iteration-count: infinite;

Try it { }