CSS3 动画

CSS3 动画
当在 @keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。
通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器：
规定动画的名称
规定动画的时长

        animation-name规定@keyframes动画的名称
		animation-duration规定动画完成一个周期所花费的秒和毫秒。默认0
		animation-timing-function规定动画的速度曲线。默认ease(作用于关键帧周期比如0%-50%是一个关键帧周期)
		animation-delay规定动画何时开始
		animation-iteration-count规定动画被播放的次数。默认是1
		animation-direction规定动画是否在下一周期逆向播放
		   normal:from到to
		   reverse:to到from
		   alternate:from到to,to到from
		   alternate-reverse:to到from,from到to	   
		animation-play-state规定动画是否运行和暂停。默认running
		animation-fill-mode规定对象动画之外的状态:
		    backwards:from之前的状态与from状态保持一致，
			forwards:to之后的胡宗南给他与to的状态保持一直
			both:综合backwards和forwards