前端基础-范建荣-20230425

一、学习内容
                CSS的动画：动画序列
1、从0%开始到100%结束，这样的规则我们叫做动画序列
2、在@keyframes 中规定动画的CSS样式，可以创建任意多的样式 （@keyframes 是关键帧的意思）
3、可以使用0~100% 也可以使用from和to来规定动画的开始和结束

动画制作的步骤1、定义动画2、调用动画

• 动画常用属性
  
  • @keyframes  定义动画
    
  • animation 复合属性，所有的动画属性都可以写在该属性中 除了 animation-play-state属性
    
  • animation-name 规定动画的名称
    
  • animation-duration 规定动画的持续时间
    
  • animation-timing-function 规定动画的运动曲线 默认是ease
    
  • animation-delay  规定动画何时开始
    
  • animation-iteration-count 规定动画的播放次数，默认是1  如果无限循环使用infinite
    
  • animation-direction  规定动画在下一周期是否逆向播放 默认是normal  如果要逆向播放，使用alternate
    
  • animation-play-state  规定动画是否正在运行，运行时running，暂停是paused
    
  • animation-fill-mode 规定动画结束后的状态，保持结束后的状态是forwards 如果是 回到初始状态使用backwards
  • 
    

二、遇到的问题
三、解决方案