css - 如何仅在一侧应用边框图像，而在另一侧仍有边框？

Question

我正在使用边框大小来制作三角形。我需要将边框图像添加到其中一个边框（我将使用线性渐变），同时保持其他边的边框宽度，使其保持三角形。

我试过添加一个边框图像，但它会应用于所有方面。

.triangle {
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left-style: solid;
    border-left-width: 140px;
    border-bottom: 100px solid transparent;
    border-left-color: #1ba5ec;
}

我希望这会显示一个向右的蓝色三角形，并能够将线性渐变应用于左边框