Yükleyici 15 - Yıldızlar

.spinner15 {
position: relative;
width: 56px;
height: 56px;
animation: spinner-3a5251 3s infinite linear;
}

.spinner15 div {
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
border-left: 3.6px solid transparent;
border-right: 3.6px solid transparent;
border-bottom: 10.8px solid #004dff;
transform-origin: center 10.8px;
}

.spinner15 div:before,
.spinner15 div:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-left: 10.8px solid transparent;
border-right: 10.8px solid transparent;
border-bottom: 7.2px solid #004dff;
}

.spinner15 div:before {
transform: translate(-10.8px, 7.2px) rotate(35deg);
}

.spinner15 div:after {
transform: translate(-10.8px, 7.2px) rotate(-35deg);
}

.spinner15 div:nth-child(1) {
transform: translate(-50%, -10.8px) rotate(51.42857deg) translate(0, 320%);
}

.spinner15 div:nth-child(2) {
transform: translate(-50%, -10.8px) rotate(102.85714deg) translate(0, 320%);
}

.spinner15 div:nth-child(3) {
transform: translate(-50%, -10.8px) rotate(154.28571deg) translate(0, 320%);
}

.spinner15 div:nth-child(4) {
transform: translate(-50%, -10.8px) rotate(205.71429deg) translate(0, 320%);
}

.spinner15 div:nth-child(5) {
transform: translate(-50%, -10.8px) rotate(257.14286deg) translate(0, 320%);
}

.spinner15 div:nth-child(6) {
transform: translate(-50%, -10.8px) rotate(308.57143deg) translate(0, 320%);
}

.spinner15 div:nth-child(7) {
transform: translate(-50%, -10.8px) rotate(360deg) translate(0, 320%);
}

@keyframes spinner-3a5251 {
to {
transform: rotate(360deg);
}
}