keyframes 关键帧

keyframes 会逐渐地实现过渡动画过程中每一关键帧的动画效果
语法：

         
@keyframes animationname  {	
	 //必须带上动画名
	keyframes-selector{ 
	//值是一个百分数，0%、25%...（from为0%，to为100%）
		css-style   // 执行的动画内容，可为多值
	}
}

ps：keyframes也需要加上兼容前缀，加在@之后keyframes之前，如：
@-webkit-keyframes …

注：在写兼容时，尽量将标准的形式放置最后，如果浏览器兼容，则会以标准的形式渲染，且将覆盖之前的全部兼容写法