📜  如何使用 CSS 以相同的速度从头到尾播放动画?

📅  最后修改于: 2021-10-29 04:20:15             🧑  作者: Mango

本文的方法是通过使用CSS中的animation-timing-function属性来学习如何从头到尾以相同的速度播放动画。它用于指定动画如何通过关键帧进行过渡。也就是说,它用于指定过渡期间动画的运动。

句法:

animation-timing-function: linear; 

示例 1:



  

    

  

    
        
            GeeksforGeeks         
           
            A computer science portal for geeks         
        

            How to play the animation with             the same speed from start to end?         

    
         

        Animation with same speed     

  

输出:

示例 2:



  

    

  

    
        

            GeeksforGeeks         

                    
            GeeksForGeeks         
    
  

输出:

支持的浏览器:

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