css animation动画

引用动画：

1	`animation：动画名称动画时间运动曲线何时开始播放次数是否反方向;`

定义动画：

 @keyframs 动画名称  {
	 0% {
	 
	 }
　　50%{
	　　
	}
　　100%{
　　
	}
}

例如：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style> 
#myDIV{
	width:300px;
	height:200px;
	background:red;
	animation:mymove 3s infinite;
}

@keyframes mymove
	{
	/*
		from {background-color:red;}
		to {background-color:blue;}
	*/
		0%{
			background-color:red;
		}
		50%{
		background-color:blue;
		}
		100%{
			background-color:red;
		}
	}
</style>

</head>
<body>

<p>背景颜色逐渐地从红色变化到蓝色：<p>
<div id="myDIV"></div>

</body>
</html>