Loading CSS Animation

by Italo Borges

HTML

<div class='loader'></div>

CSS

.loader {
    animation: loader-rotate 2s infinite linear;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000;
    border-top: 5px solid transparent;
    border-right: 5px solid #000;
    border-radius: 50%;
    height: 100px;
    position: relative;
    transform: translateZ(0);
    width: 100px;
  }

  @keyframes loader-rotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }