.loader{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
transition: 1s;
}
.span{
position: absolute;
transform: translate(-50%, 50%);
width: 120px;
height: 120px;
top: 35%;
border: 5px solid #262626;
z-index: 1;
animation: animar 2.5s linear infinite;
}
.span:before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #262626;
animation: animarbg 2.5s linear infinite;
}
@keyframes animar {
0% {
transform: translate(-50%, 50%) rotate(0deg);
}
25% {
transform: translate(-50%, 50%) rotate(180deg);
}