用CSS写一个简易加载动画

加载动画

在加载页面的时候，经常会看到有一个小圆圈在不停转呀转，其实写一个简单的加载动画是很简单的，现在贴出一个。可以根据自己的习惯改颜色啥的。

.loading{
	width: 2.1875rem;
	height: 2.1875rem;
	border: 0.3125rem solid rgba(189,189,189,0.25);
	border-left-color: rgba(3,155,229,1);
	border-top-color: rgba(3,155,229,1);
	border-radius: 50% ;
	animation: rotate
	 500ms infinite linear;
}

@keyframes rotate{
	
	from{
		transform: rotate(0);
	}
	to{
		transform: rotate(1turn);
	}
}