菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 20221123 [打印本页]

---

作者: Sunke丶    时间: 2022-11-23 23:44
标题: 20221123

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

---

欢迎光临 菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)

Powered by Discuz! X3.4