css 网格利用背景渐变我们可以实现出梯形的效果背景

利用背景渐变我们可以实现出梯形的效果，兼容性最好

#box {
  width: 300px;
  height: 70px;
  background: linear-gradient(
    120deg,
    #666de8 0%,
    #666de8 38%,
    #aeb3ec 00%,
    #aeb3ec 50%
  );
}

源码地址 (opens new window)