<div class="preloader"></div>
.preloader {
width: 70px;
height: 70px;
border: 10px solid #eee;
border-top: 10px solid #666;
border-radius: 50%;
animation-name: girar;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes girar {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.