动画效果

动画的制作步骤：
1.先定义动画
2.再使用（调用）动画
1.使用keyframes定义动画（类似定义类选择器）

@keyframes  动画名称 {
	0%{
		自己想写的效果 
		width:100px;
	}
	100%{
		width:200px;
	}
}

0%也可写为from
100%可写为to
百分比写完整整数
2.元素使用动画
哪个元素想使用，就给哪个元素调用
调用动画：animation-name: 动画名称；
持续时间：animation-duration: 持续时间；

动画被播放的次数，默认是1
animation-iteration-count：infinite（无穷大）；

是否反方向播放，默认是normal
animation-direction：alternate；

动画结束后的状态，默认是放回起始状态backward
animation-fill-mode：backwards；停留在结束状态