CSS画一条从中心向两端渐变的线条

横线：

.separate{
      width: 205/19.2 + vw;
      height: 1/10.8 + vh;
      margin-left: 11/19.2 + vw;
      background-image: linear-gradient(90deg,rgba(20,114,255,0.00), #1472ff 52%, rgba(20,114,255,0.00));
    }

90ded:方向，90表示水平方向渐变，180表示垂直方向渐变

效果：

竖线：

::after{
          content: '';
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          width: 1/10.8 + vh;
          background-image: linear-gradient(180deg,rgba(20,114,255,0.00), #1472ff 52%, rgba(20,114,255,0.00));
        }

效果：