仅使用单个HTML元素定义,结合50行CSS代码实现的圆形带刻度指示的Loading加载器效果,可以通过改变--n以及--f的值来自定义圆形预加载器的边框分割比例。
<div class='loader' style='--n: 1; --f: 0'></div> <div class='loader' style='--n: 16; --f: .2'></div> <div class='loader' style='--n: 36; --f: .5'></div>
仅使用单个HTML元素定义,结合50行CSS代码实现的圆形带刻度指示的Loading加载器效果,可以通过改变--n以及--f的值来自定义圆形预加载器的边框分割比例。
<div class='loader' style='--n: 1; --f: 0'></div> <div class='loader' style='--n: 16; --f: .2'></div> <div class='loader' style='--n: 36; --f: .5'></div>