1.效果图:
2.Html结构:
<div class="loading">
<div class="wrapper">
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
</div>
</div>
3.思路:
-
利用border-radius将div变为圆形,接着设置不同的width和height,然后利用border来设置圆形的宽度,通过设