背景图片渐变

 background-image: -webkit-linear-gradient(top, #d0d0d0, #d0d0d0, transparent, transparent),
 -webkit-linear-gradient(bottom, #d0d0d0, #d0d0d0, transparent, transparent);
 background-image: linear-gradient(180deg, #d0d0d0, #d0d0d0, transparent, transparent),
 linear-gradient(0deg, #d0d0d0, #d0d0d0, transparent, transparent);
 background-position: bottom;
 background-size: 100% 1px;
 background-repeat: no-repeat;
 background-position: top, bottom;

 flex: 1;
 height: 46px;
 white-space: nowrap;
 overflow: hidden;
 overflow-x: scroll;
 /* 1 */
 -webkit-backface-visibility: hidden;
 -webkit-perspective: 1000;
  -webkit-overflow-scrolling: touch;
  /* 2 */
 text-align: justify;
 /* 3 */
 &::-webkit-scrollbar {
   display: none;
  }