<div class="loader"></div>
View Compiled
.loader {
  width: 5rem;
  height: 5rem;
  border: 8px solid #aaa;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite; 
}


@keyframes "spin" {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js