CSS：使用css3制作渐变色纺锤线

html：

<div class="mask"></div>

在css文件中:

.mask {
  overflow: hidden;
  margin-top: 20px;
  height: 20px;
}

.mask:after {
  content: '';
  display: block;
  margin: -25px auto 0;
  width: 100%;
  height: 25px;
  border-radius: 125px/12px;
  box-shadow: 0 0 8px #00EF60;
}

效果如下图：