环绕圆形的点

div：
 <div class="module_box">
      <div class="box">
        <i><span></span></i>
      </div>
 </div>


css:
.module_box {
  height: 400px;
  display: flex;
}
.box {
  position: relative;
  width: 300px;
  height: 300px;
  border: 5px solid #f5f5f5;
  border-radius: 50%;
  margin-left: 300px;
}
.box i {
  width: 300px;
  height: 300px;
  position: absolute;

  /*旋转动画*/
  animation: circleRoate 5s infinite linear;
}
.box i span {
  position: absolute;
  left: 240px;
  top: 25px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff6200;
}


/* 必须要有 */
@keyframes circleRoate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

效果：