Yükleyici 30

.loader30 {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
gap: 5px;
height: 80px;
width: 80px;
}

.bar30 {
width: 7px;
height: 50px;
border-radius: 10em;
background-image: linear-gradient(60deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
background-size: 390%;
animation: live 2s linear infinite;
}

@keyframes live {
0%, 50%, 100% {
transform: scaleY(1);
}

30%, 70% {
background-position: right;
transform: scaleY(1.15);
}
}