20221123

• CSS3的动画制作
  
  • 概念：
    
    • 动画序列
      
      • 1、0%是动画的开始，100%是动画的结束，这样的规则叫做动画序列
        
      • 2、在 @keyframes 中固定css的样式，可以创建由当前样式转化为新样式的动画效果 （keyframes 叫做关键帧）
        
      • 3、可以改变任意多的样式和任意多的次数
        
      • 4、可以使用百分比来规定变化发生的时间，或者使用关键字“from”和“to”来实现 等同于0%~100%
        
  • 动画制作的步骤
    
    • 1、定义动画
      
    • 2、调用动画
      
    • 例
      
  • 动画的属性
    
    • 表格
      
    • 例
      
    • 复合属性
      
    • 动画的运动曲线
      
      • 常规的运动曲线
        
      • 步长steps()
        
        • 指定了将整个动画分成多少步来完成，如果有steps() 就不需要其他的运动曲线属性值了
          
        • 例