帧是什么？

定义：

帧就是一副静止的画面

• 概念

动画定义

• 动画是一种视觉错觉
• 动画是在单位时间内连续播放一系列帧产生的错觉
  系列帧：前一帧和后一帧必须得具有持续性。
  单位时间：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-任意数字
• 添加多个值的时候需要使用逗号隔开