css实现盒子底部渐变边框

可以自己调节

.header-box {
    position: relative;
    width: 100%;
    height: 58rpx;
    box-sizing: border-box;
    padding: 0 10rpx;
   }
   .header-box:after {
     content: '';
     width: 100%;
     height: 2rpx;
     position: absolute;
     bottom: 0%;
     left: 0%;
     background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,#FFAE00 50%,rgba(255,255,255,0)100%);
   }