如何仅在一侧上应用边框图像而在另一侧上仍然具有边框？

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;
}

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