📜  如何使用 CSS 将动画精确播放两次?

📅  最后修改于: 2021-10-29 06:22:57             🧑  作者: Mango

本文的方法是使用 CSS 中的 animation-iteration-count 属性将动画精确播放两次。它用于指定动画重复的次数。它可以指定为无限以无限期地重复动画。

句法:

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

示例:以下代码用于将

元素的背景颜色从红色更改为蓝色。

HTML
 

  
 
     
 
  
 
    
          GeeksforGeeks      
             
          A computer science portal for geeks      
                  

          How to play the animation          two times using CSS?      

      


输出:

支持的浏览器:

  • 谷歌浏览器
  • IE浏览器
  • 火狐
  • 歌剧
  • 苹果浏览器