The correct answer is: C. animation-iteration-count
The animation-iteration-count
property specifies the number of times an animation should run. It can be a number, a keyword, or a percentage.
- A number specifies the exact number of times the animation should run. For example,
animation-iteration-count: 3
means that the animation should run 3 times. - The keyword
infinite
means that the animation should run forever. - The keyword
normal
means that the animation should run once. - A percentage specifies the number of times the animation should run relative to its duration. For example,
animation-iteration-count: 0.5
means that the animation should run halfway through its duration.
The animation-iteration-count
property can be used on any element that supports animations. For example, the following code will cause the div
element to fade in and out 3 times:
“`
div {
animation-name: fadeinout;
animation-duration: 2s;
animation-iteration-count: 3;
}
@keyframes fadeinout {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
“`
The animation-iteration-count
property is different from the animation-repeat
property. The animation-repeat
property specifies whether an animation should repeat after it has finished running. The animation-iteration-count
property specifies the number of times the animation should run, regardless of whether it repeats.