css3动画制作组件动画效果（波浪效果）

效果图：

css：

/* Safari and Chrome: */
组件的css
position:relative;
-webkit-animation:myfirst 1.2s linear 0s 1;/* ease */

多个组件的 时间可以错开 1.1 1.2 1.3等 就会有波浪效果

@keyframes myfirst
	{
		0%   {top:-15px;}
		20%  {top:0px;}
		40%  {top:15px;}
		60%  {top:30px;}
		80%  {top:15px;}
		100% {top:0px;}
	}