What to do if css3 animation does not loop

css3 animation does not loop. You can use the animation-iteration-count attribute to define the number of times the animation is played. Just add "animation-iteration-count:infinite;" to the animation to achieve infinite looping.

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

animation-iteration-count attribute defines the number of times the animation is played.

Grammar

animation-iteration-count: n|infinite;

Example

    
  
注释：Internet Explorer 9 以及更早的版本不支持 animation-iteration-count 属性。
 
  

Effect:

Recommended learning :css video tutorial

The above is the detailed content of What to do if css3 animation does not loop. For more information, please follow other related articles on the PHP Chinese website!