主要介绍了css3如何绘制一个圆圆的loading圈的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

如何绘制一个圆圆的loading圈 小程序里需要一个像下面的loading，原生的没有，引入别的组件库又太大，所有决定自己写个。 1.基本原理 动态的实现原理是给8个小圆圈设置透明度由大变小的动画，每个圆圈设置不同的动画启动时间。布局的实现原理是父元素设置为position: relative, 每个圆圈设置样式为position: absolute; left: xx; top: xx; right: xx; bottom: xx。 通过给left/right/top/bottom设置不同