<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Radar Spinner</title>
    <style>
      .radar-spinner,
      .radar-spinner * {
        box-sizing: border-box;
      }

      .radar-spinner {
        height: 60px;
        width: 60px;
        position: relative;
      }

      .radar-spinner .circle {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        animation: radar-spinner-animation 2s infinite;
      }

     