您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

css3围绕原点转圈的动画

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%;
    }

感谢

前端 2022/2/15 13:07:50 有561人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶