使用border对整个元素使用半透明。排除将作为甜甜圈加载指示器的一侧。

定义并使用适当的动画，transform:rotate()用于旋转元素。

预览效果如下所示：

HTML

divclass="donut"/div

CSS

keyframesdonut-spin{0%{transform:rotate(0deg);}%{transform:rotate(deg);}}.donut{display:inline-block;border:4pxsolidrgba(0,0,0,0.1);border-left-color:#ff;border-radius:50%;width:30px;height:30px;animation:donut-spin1.2slinearinfinite;}今天就讲到这里，如果有问题需要咨询，大家可以直接留言或扫下方

转载请注明:http://www.aideyishus.com/lktp/752.html