<img class="spinner" alt="Loading..." src="https://user-images.githubusercontent.com/35404137/143417657-5068e157-7420-4801-b9f1-eada2fdf74ba.jpg"/>
@keyframes spin {
from {
transform: rotate(0turn);
}
to {
transform: rotate(1turn);
}
}
.spinner {
animation: spin 1000ms linear;
animation-iteration-count: infinite;
}
.spinner {
display: block;
width: 32px;
height: 32px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.