纯css3 animation制作网页中心圆形的加载动画。可用于预加载网页动画特效。

使用方法

1、head引入css文件

<link rel="stylesheet" href="css/style.css" type="text/css">

2、body引入部分

<div class="wrapper">
	<div class="belt">
		<div class="t" style='--index: 0'></div>
		<div class="t" style='--index: 1'></div>
		<div class="t" style='--index: 2'></div>
		<div class="t" style='--index: 3'></div>
		<div class="t" style='--index: 4'></div>
		<div class="t" style='--index: 5'></div>
		<div class="t" style='--index: 6'></div>
		<div class="t" style='--index: 7'></div>
		<div class="t" style='--index: 8'></div>
		<div class="t" style='--index: 9'></div>
	</div>
	<div class="box" style='--index: 0'></div>
	<div class="box" style='--index: 1'></div>
	<div class="box" style='--index: 2'></div>
	<div class="box" style='--index: 3'></div>
	<div class="box" style='--index: 4'></div>
</div>

资源出处：https://www.moyublog.com/codes/9312.html