Radar sweep

<div class="radar">
  <div class="radar__circle radar__circle_outer"></div>
  <div class="radar__circle radar__circle_inner"></div>
  <div class="radar__beam"></div>
</div>

<style>
.radar {
  position: relative;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.14), #0b1120);
  border: 1px solid rgba(255, 255, 255, 0.22);
  overflow: hidden;
}

.radar__circle {
  position: absolute;
  inset: 14%;
  border-radius: 50%;
  border: 1px solid rgba(59, 130, 246, 0.35);
}

.radar__circle_inner {
  inset: 30%;
}

.radar__beam {
  position: absolute;
  inset: -10%;
  background: conic-gradient(from 90deg, rgba(59, 130, 246, 0.24), transparent 60%);
  animation: radarSpin 3s linear infinite;
}

@keyframes radarSpin {
  to {
    transform: rotate(360deg);
  }
}
</style>