可以旋转很炫酷
html代码
<div class="hm-spinner"><span class="hm-spinner"></span></div>
Css
<style>
.hm-spinner {
height: 420px;
width: 420px;
border: 8px solid transparent;
/* border-top-color: rgb(253 234 169 / 56%);
border-bottom-color: rgb(253 234 169 / 56%); */
border-top-color: rgba(18, 221, 248, 1);
border-bottom-color: rgba(18, 221, 248, 1);
border-radius: 50%;
position: relative;
animation: spin 24s linear infinite;
margin: auto;
top: -28px;
mix-blend-mode: overlay;
}
.hm-spinner::before,
.hm-spinner::after {
content: "";
position: absolute;
top: 28px;
right: 28px;
bottom: 28px;
left: 28px