<div class="loader"></div>
div {
position: relative;
width: 150px;
height: 150px;
}
.loader {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border: 20px solid #eaf0f6;
border-radius: 50%;
border-top: 20px solid #ff7a59;
animation: spinner 3s linear infinite;
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.