动画
目标：使用animation添加动画效果
l 动画的本质是快速切换大量图片时在人脑中形成的具有连续性的画面
l 构成动画的最小单元：帧或动画帧
动画的实现步骤
目标：使用animation添加动画效果
实现步骤：
-
定义动画
image.png
image.png
-
使用动画
image.png
动画属性
目标：使用animation相关属性控制动画执行过程
image.png
注意：
Ø 动画名称和动画时长必须赋值
Ø 取值不分先后顺序
Ø 如果有2个时间值，第一个时间表示动画时长，第二个时间表示延迟时间
image.png
动画属性
目标：使用steps实现逐帧动画
image.png
调用动画属性值：
1.延迟时间：动画开始之间要等待的时间 s/ms
2.动画播放次数：infinite 无限次播放
3.动画播放方向：alternate 交替播放
4.速度曲线：默认 ease； 1. linear 匀速播放 2. steps(次数)一般配合精灵图使用
5.执行完毕时的状态：forwards 动画会停在动画结束时的状态；
注意点：
1.动画名称和播放一次动画的时长必须写，其他属性需要就写
2.forwards不能和infinite结合使用，否则不生效
3.animation 里面属性值 不分先后顺序
4.当属性值里有两个时间，第一个时间永远表示动画时长，第二个表示等待时间
