@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。

动画的名称和运行所需时间是必须的

帧动画：将动画名称赋给选择器后动画运行完就会返回初始值，所以需要通过给选择器添加类保证动画的正常运行

下图是一个简洁的无缝滚动（css3）

 

 划过停止运动：animation-play-state:paused

 

 

            
                     
                                     
     
            
      
                
       
1
                
       
2
                
       
3
                
       
4
                
       
5
                
       
1
                
       
2
                
       
3
                
       
4
                
       
5