📜  CSS | animation-iteration-count 属性

📅  最后修改于: 2021-11-08 05:25:45             🧑  作者: Mango

CSS 中的animation-iteration-count 属性用于指定动画重复的次数。它可以指定为无限以无限期地重复动画。

句法:

animation-iteration-count: number|infinite|initial|inherit;

适当的价值:

  • number:此属性值用于定义动画应播放的次数。默认值为 1。
  • 无限:此属性值指定动画应无限次播放(永远)。
  • initial:该属性值用于将此属性设置为其默认值。
  • 继承:此值用于从其父元素继承此属性。

示例:演示动画迭代计数的 HTML 程序

 
 
     
        
            CSS | animation-iteration-count Property
        
         
     
     
        
            GeeksforGeeks         
                     
            A computer science portal for geeks         
                            

            This text changes its color two times.         

                              

            This text changes its color infinite times.         

                                                               

支持的浏览器: animation-iteration-count 属性支持的浏览器如下:

  • 谷歌浏览器 43.0
  • 浏览器 10.0
  • 火狐 16.0
  • 歌剧 30.0
  • Safari 9.0