Yükleyici 20

/* From uiverse.io by @mrhyddenn */
.loader20 {
height: 5px;
width: 1px;
position: absolute;
animation: rotate0234 3.5s linear infinite;
}

.loader20 .dot20 {
top: 30px;
height: 7px;
width: 7px;
background: #268fe4;
border-radius: 50%;
position: relative;
}

.text {
position: absolute;
bottom: -85px;
font-size: 25px;
font-weight: 400;
color: #26aee4;
}

@keyframes rotate0234 {
30% {
transform: rotate(220deg);
}

40% {
transform: rotate(450deg);
opacity: 1;
}

75% {
transform: rotate(720deg);
opacity: 1;
}

76% {
opacity: 0;
}

100% {
opacity: 0;
transform: rotate(0deg);
}
}

.loader20:nth-child(1) {
animation-delay: 0.15s;
}

.loader20:nth-child(2) {
animation-delay: 0.3s;
}

.loader20:nth-child(3) {
animation-delay: 0.45s;
}

.loader20:nth-child(4) {
animation-delay: 0.6s;
}

.loader20:nth-child(5) {
animation-delay: 0.75s;
}

.loader20:nth-child(6) {
animation-delay: 0.9s;
}