Yükleyici 2

.spinner2 {
width: 56px;
height: 56px;
border-radius: 50%;
color: #004dff;
background: linear-gradient(currentColor 0 0) center/100% 4px,
linear-gradient(currentColor 0 0) center/4px 100%,
radial-gradient(farthest-side,#0000 calc(100% - 7px),currentColor calc(100% - 6px)),
radial-gradient(circle 7px,currentColor 94%,#0000 0);
background-repeat: no-repeat;
animation: spinner-mu2ebf 1s infinite linear;
position: relative;
}

.spinner:2:before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: inherit;
transform: rotate(45deg);
}

@keyframes spinner-mu2ebf {
to {
transform: rotate(.5turn);
}
}