css3围绕原点转圈的动画

image.png
希望这个黑线能围绕里头的圆无线循环转圈,3秒一圈

<div class="wrap">
    <div class="wrap-inner"></div>
    <div class="indicator"></div>
  </div>
    .wrap {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display:flex;
      justify-content: center;
      align-items: center;
      width: 200px;
      height: 200px;
      border-radius: 50%;
      background-color: cadetblue;
    }
    .wrap-inner {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-color: aqua;
    }
    .indicator {
      width: 150px;
      height: 6px;
      position: absolute;
      background-color: black;
      left: 63%;
    }

感谢

阅读 2.3k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题