Как сделать градиентный border на css & html?

Question

[sanya_mil]

Нужно сделать бордер градиентом. Нашел кучу примеров, но они по разным причинам не подходили
Помогите пожалуйста сделать такой-же, как на фото:

Comments

[Владислав Лысков]

Нашел кучу примеров, но они по разным причинам не подходили

вообще нужно пояснить, по каким причинам

Answer 1

[Дмитрий]

Пример

Comments

[sanya_mil]

спасибо)

[Вадим Кот]

То же самое, но без доп. оберток
https://jsfiddle.net/hth5kvLx/3/

[Вадим Кот]

И еще вариант с repeating-linear-gradient https://jsfiddle.net/hth5kvLx/4/

Answer 2

[✭ ☭]

Делай для нижнего блока бордер например svg-картинкой
и сверху накладывай блок с полупрозрачным градиентом.

И поверх этого всего уже блок с контентом.

Получается бутерброд, но проще варианта нет, пожалуй.