csss3动画

csss3里面可以做一些小动画

Keyframes   “关键帧”

首先设置动画的名字，开始和结束，可以是位置，角度，大小等

@keyframes  动画的名称{ 
 from{}
to{}
}

一、animation-name:    动画名称

我们用这个属性引入你上面的动画，可以同时引入几个动画给一个元素，但是中间需要用逗号隔开。

二、animation-duration   动画持续时间

取值：<time> 为数值，单位为s（秒）

 三、animation-timing-function:    动画速度

 animation-timing-function:ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>) | steps()

它可以设置动画的速度，也可以设置动画的步长

四、animation-delay:    动画延迟时间

 可以延迟动画播放的时间，取值为<time>为数值，单位为s(秒)，其默认值也是0

 五、animation-iteration-count  动画次数

 animation-iteration-count:infinite（无限次） | <number>，可以设置动画播放的次数，也可以让动画一直循环播放。

今天就暂时学了这么多，明天继续更新，谢谢大家。