Как выставить у border-left градиент с лева на право?

Question

[Brendan Castaneda]

Как выставить у border-left градиент с лева на право?
Мне с верху и с низу не нужны градиенты.
Я хочу выставить градиент с лева на право.
По центру контент у меня.

border-left: 50px solid transparent;
border-image: linear-gradient(90deg, rgba(109,185,223,1) 0%, rgba(51,152,202,1) 100%);
border-image-slice: 1;

Пробовал много чего, но всё это работает только если стоит просто border, а это уже не то...

Comments

[v3shin]

Вариант №1: псевдоэлемент before. Вариант №2: закинуть в контейнер и задать контейнеру background.

[Brendan Castaneda]

v3shin, Т.е. на before вставлять длинный блок и задавать ему градиент через обычный border?

[v3shin]

Brendan Castaneda, если before - то задавать ему ширину и background.