How to use the animation-iteration-count attribute in css
Editor to share with you how to use the animation-iteration-count attribute in css, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!
CSS3animation-iteration-count attribute
What it does: the animation-iteration-count property defines how many times the animation is played.
Syntax:
Animation-iteration-count:n | infinite
N: a numerical value that defines the number of times the animation is played.
Infinite: stipulates that the animation should be played indefinitely.
Note: the animation-iteration-count attribute is not supported in InternetExplorer9 and earlier versions.
An example of using the CSS3animation-iteration-count attribute
Set up animation loops 3 times
Div
{
Width:100px
Height:100px
Background:red
Position:relative
Animation:mymove3s
Animation-iteration-count:3
/ * SafariandChrome*/
-webkit-animation:mymove3s
-webkit-animation-iteration-count:3
}
@ keyframesmymove
{
From {top:0px;}
To {top:200px;}
}
@-webkit-keyframesmymove/*SafariandChrome*/
{
From {top:0px;}
To {top:200px;}
}
The above is all the content of the article "how to use the animation-iteration-count attribute in css". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!
