animation-repeat
animation-count
animation-iteration-count
all of the mentioned
Answer is Wrong!
Answer is Right!
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 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"/>
Subscribe on YouTube
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.