Yükleyici 29

.loader29 {
width: 50px;
height: 50px;
position: relative;
z-index: 1;
transform: translateX(-50%);
}

.loader29::before,
.loader29::after {
content: '';
position: absolute;
width: inherit;
height: inherit;
border-radius: 50%;
mix-blend-mode: multiply;
animation: rotate92523 2s infinite cubic-bezier(0.77, 0, 0.175, 1);
}

.loader29::before {
background-color: #75e2ff;
}

.loader29::after {
background-color: #ff8496;
animation-delay: 1s;
}

@keyframes rotate92523 {
0%, 100% {
left: 35px;
}

25% {
transform: scale(.3);
}

50% {
left: 0%;
}

75% {
transform: scale(1);
}
}