CSS3 animation--圆圈刷新动画

1.先看看效果图：

2.点击该刷新按钮通常会发送一下ajax请求，待到$(document).ajaxStop()。再移除该动画效果即可

<div class="flash">
			<img src="./flash_icon.png" alt="flash"/>
		</div>

CSS：

.flash{
	width:30px;
	height:30px;
	position:fixed;
	bottom:150px;
	right:50px;
}

.flash img{
	width:30px;
	height:30px;
}

@keyframes flash-rotate{
	0% {}
	100% {-webkit-transform:rotate(360deg);}
}

.animation-rotate{
	-webkit-animation-name:flash-rotate;
	-webkit-animation-duration:0.8s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
}

JS：

$(".flash").click(function(){
	$(this).addClass("animation-rotate");
	//begin a request here
});