CSS animation-iteration-count property

Description

CSS animation-iteration-count property represents the number of times an animation cycle repeats itself.

Syntax

animation-iteration-count : +ve value | infinite

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;

Applicable to

It applies to all elements

#CSS digger
Was this article helpful?

 
arrow
×

Ctrl+D