css实现梯形

通过div进行旋转和透视操作，形成一个梯形。

  <div class="box"></div>

.box{
    width: 100px;
    height: 100px;
    background: purple;
    transform: perspective(10px) rotateX(-5deg);
    position: relative;
    left: 26px;
  }