Годинниковий лоадер

<div class="clock-loader">
  <span class="clock-loader__hand clock-loader__hand_hour"></span>
  <span class="clock-loader__hand clock-loader__hand_minute"></span>
</div>

<style>
.clock-loader{
  position:relative; width:90px; height:90px; border-radius:50%;
  border:3px solid rgba(91,141,239,0.35);
  box-shadow: inset 0 0 0 1px rgba(91,141,239,0.2), 0 10px 24px rgba(91,141,239,0.18);
  display:grid; place-items:center;
}
.clock-loader__hand{
  position:absolute; width:3px; border-radius:999px;
  background: linear-gradient(180deg,#5b8def,#9a6bff);
  transform-origin: bottom center; bottom:50%; left:50%;
}
.clock-loader__hand_hour{height:28px; animation: clock-hour 6s linear infinite;}
.clock-loader__hand_minute{height:38px; animation: clock-minute 2s linear infinite;}
@keyframes clock-hour{to{transform:rotate(360deg);}}
@keyframes clock-minute{to{transform:rotate(720deg);}}
</style>