如何使用css中的小圆头绘制一个扇区的动画？

Question

我想在0°创建一个小圆圈（r = 10px）的动画，旋转从-30°到+ 30°绘制一个更大半径（50px）的扇区，

然后反转移动形状的动作从+ 30°到-30°。像挡风玻璃刮水器。我不希望圆圈的其余部分出现，只有扇形周长。

也可以用彩色照亮霓虹蓝吗？

编辑：形状类似于wifi信号徽标：

body
{
  background-color: #000000;
  margin:auto;
  margin-left:100px;
  margin-top:400px;


}

.container
{


  padding: 0px;
  margin:auto;



}

#e
{

  margin:auto;
  background-color: #67C8FF;
  width:20px;
  height:20px;
  padding: 0px;
  border-radius: 10px;
  margin-top:20px;
  margin-bottom:20px;
  position: relative;
  box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #67C8FF, 0 0 35px #67C8FF, 0 0 40px #67C8FF, 0 0 50px #67C8FF, 0 0 75px #67C8FF;


}

#d
{

  margin:auto;
  background-color: #67C8FF;
  width:20px;
  height:20px;
  padding: 0px;
  border-radius: 10px;
  margin-top:20px;
  margin-bottom:20px;
  position: relative;
  box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #67C8FF, 0 0 35px #67C8FF, 0 0 40px #67C8FF, 0 0 50px #67C8FF, 0 0 75px #67C8FF;


  }

#c
{
  margin:auto;
  background-color: #67C8FF;
  width:20px;
  height:20px;
  padding: 0px;
  border-radius: 10px;
  margin-top:20px;
  margin-bottom:20px;
  position: relative;
  box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #67C8FF, 0 0 35px #67C8FF, 0 0 40px #67C8FF, 0 0 50px #67C8FF, 0 0 75px #67C8FF;


  }


#b
{
  margin:auto;
  background-color: #67C8FF;
  width:20px;
  height:20px;
  padding: 0px;
  border-radius: 10px;
  margin-top:20px;
  margin-bottom:20px;
  position: relative;
  box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #67C8FF, 0 0 35px #67C8FF, 0 0 40px #67C8FF, 0 0 50px #67C8FF, 0 0 75px #67C8FF;

  }

#a
{
  margin:auto;
  background-color: #67C8FF;
  width:30px;
  height:30px;
  padding: 0px;
  border-radius: 15px;
  margin-top:20px;
  margin-bottom:20px;
  position: relative;
  box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #67C8FF, 0 0 35px #67C8FF, 0 0 40px #67C8FF, 0 0 50px #67C8FF, 0 0 75px #67C8FF;

  }


  @keyframes
  {
    ?????

  }

  <div class = "container">
    <div id = "e"></div>
    <div id = "d"></div>
    <div id = "c"></div>
    <div id = "b"></div>
    <div id = "a"></div>

  </div>

编辑：

我希望它（wifi信号）看起来像这种霓虹蓝色：