<div class="animation"></div>

body {
  padding: 100px;
}

.animation {
  width: 100px;
  height: 100px;
  border: 10px dashed #8e16ff;
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: circle 1s infinite linear;
}

@keyframes circle {
  form {
    transform: none;
  }
  to {
    transform: rotate(360deg);
  }
}