css模拟一个标题的下边框

效果如图

下面那个渐变消失的边框不是图片,是css模拟的

//  主要title
.main-title {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 42px;
  &>img {
    width: 39px;
    height: 39px;
    margin-right: 16px;
  }
  &>h3 {
    font-size: 40px;
    font-family: Source Han Sans CN, Source Han Sans CN-Normal;
    color: #fff;
  }
  // 边框代码
  &::after {
    position: absolute;
    left: 0;
    bottom: -20px;
    content: '';
    display: block;
    width: 100%;
    height: 6px;
    background: linear-gradient(116deg,#08f9ff 17%, rgba(8,249,255,0.00));
  }
}