Yükleyici 8

.loader8 {
--size: 40px;
display: flex;
gap: 0.6rem;
}

.box8 {
width: var(--size);
height: var(--size);
background: #0270e1;
animation: rotate 2s infinite;
}

.box8:nth-child(2) {
animation-delay: 0.25s;
}

.box8:nth-child(3) {
animation-delay: 0.5s;
}

@keyframes rotate {
50% {
transform: rotate(180deg)
}
}