Shulou(Shulou.com)06/01 Report--

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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.