Как применить изображение границы только на одной стороне, при этом оставляя границы на других сторонах? - PullRequest
Новая
       55

Как применить изображение границы только на одной стороне, при этом оставляя границы на других сторонах?

0 голосов
/ 11 января 2019

Я использую размеры границ, чтобы сделать треугольник. Мне нужно добавить изображение границы к одной из границ (я собираюсь использовать линейный градиент), сохраняя ширину границ других сторон, чтобы он оставался треугольником.

Я пытался добавить изображение границы, но оно применяется ко всем сторонам. 

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

Я ожидаю, что это покажет синий треугольник, направленный вправо, и сможет применить линейный градиент к границе слева

...