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

本文的方法是通过使用 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浏览器
• 火狐
• 歌剧
• 苹果浏览器