css实现渐变三角形

.box2 {
      width: 100px;
      height: 100px;
      background: linear-gradient(to bottom right, #fff 0%, #fff 49.9%, rgba(148, 88, 255, 1) 50%, rgba(185, 88, 255, 1) 100%);
    }