div{
  height:200px;
  width:200px;
  background-color:;
  border-radius:50%;
  text-align: center;
  margin:0 auto;
  border:10px solid black;
  border-right:10px solid white;
  animation-name:niyi;
  animation-iteration-count:infinite;
  animation-duration:3s;
}
@keyframes niyi{
  20%{
    transform:rotate(72deg);
  }
  40%{
    transform:rotate(144deg);
  }
  60%{
    transform:rotate(216deg);
  }
  80%{
    transform:rotate(288deg);
  }
  100%{
    transform:rotate(360deg);
  }
}