CSS3中的关键帧动画的实现

• frame :帧,就是指连续的动画过程中某一个静止的画面
• keyframe:关键帧,创建动画时,无需把每一帧都画出来,只需要指定开始和结束时若干个固定的重要的节点帧即可（称为关键帧) ,中间的过渡帧由系统自动补全。
• 创建和使用关键帧动画的过程:

	/*创建一个关键帧动画*/
	@keyfram 动画名称{
		0%{属性名：值；}
		15%{属性名：值；}
		60%{属性名：值；}
		100%{属性名：值；}
	}
	/*步骤2 :使用关键帧动画*/
	div{
		animation: xuanZzhuan 2s    linear    3   1s    alternate;
		animation: 动画名称 持续时间 速度曲线 次数 延迟  反向播放;
		次数：无穷 infinite
		延迟：单位 3s
		反向播放：alternate  正常：normal
	}
	/* 动画的暂停和运行属性 */
	animation-play-state: paused; running