帧是什么？
定义：
帧就是一副静止的画面
-
概念
动画定义
- 动画是一种视觉错觉
- 动画是在单位时间内连续播放一系列帧产生的错觉
系列帧：前一帧和后一帧必须得具有持续性。
单位时间：1/24秒
帧速率：Frequence Per Second表示fps 常见的动画制作软件中的帧速率是30fps
实现动画的技术手段
1.手绘动画
2.电脑合成动画
第一种：插值动画：只绘制动画中的关键帧就可以了
- 关键帧：发生关键帧变化的帧
第二种：关键帧动画：动画的每一帧都需要绘制
动画步骤
1.设置@keyframes规则设计动画
2.通过animation属性为元素绑定动画
animation
定义
复合属性 （必须根@keyfames 动画名 {}设计才能使用）属性值（依次排序（常用））
animation-name：动画名
animation-duration:动画时长
animation-iteration-count：动画的重复性/动画循环
语法：
animation:name duration infinite;
animation-iteration-count
定义：
动画的重复性/动画循环
语法：
animation-iteration-count:2,0,infinite;
属性值：
- infinite：无线循环
- 数字1-任意数字
- 添加多个值的时候需要使用逗号隔开
