Untitled

<!DOCTYPE html>
<html>
<body>
<style>
html {
background: rgba(0, 250, 250, 0.8);
}
.spin {
    animation: spin 1s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
</style>

<svg height="100" width="100" class="spin">
<defs>
      <linearGradient id="Gradient">
        <stop offset="0%" stop-color="red"/>
        <stop offset="100%" stop-color="#fff"/>
      </linearGradient>
  </defs>
  <circle cx="50" cy="50" r="40" stroke="url(#Gradient)" stroke-width="5" fill="transparent" />
  Sorry, your browser does not support inline SVG.
</svg>

</body>
</html>