css梯形渐变

 

 <div class="gradient_bg"> 2022-06  </div>

.gradient_bg {

      height: 43px;

      background: linear-gradient(180deg, rgba(216, 216, 216, 0) 0%, rgba(7, 193, 96, 0.48) 100%);

      border-left: 1px solid;

      border-right: 1px solid;

      border-bottom: 2px solid;

      transform: perspective(0.4em) rotateX(3deg);

      border-image: linear-gradient(to top, rgb(0 0 0 / 0%), rgba(0,0,0,0)) 1 1;

    }