Почему не получается сделать бордер с градиентом?

Question

[Norum]

Почему не получается сделать бордер с градиентом? Как я понял, цвет заднего фона не хочет выходить на передний план.
Причем в примере, который я нашел, все работает

Сам сайт cw51830.tmweb.ru
Весь код https://jsfiddle.net/a7bqjLro/
Пример https://jsfiddle.net/uyo23h6a/

Должно получится вот так


У меня вот так

Answer 1

[Максим]

На css по другому не получится : https://codepen.io/topicstarter/pen/JjydbWJ
Либо использовать svg в котором любая плюшка доступна

Answer 2

[imko]

Потому что сейчас бордеры не умеют в градиент) Надо делать тогда градиентную подложку а на нее класть непрозрачный блок поменьше на размер требуемого бордера)

Comments

[Ankhena]

Не вводите людей в заблуждение.
Бордеры умеют любой border-image.
А вот скругленные - действительно не умеют.

[Варлам Ерофеич]

Однако кое-что, (при желании), можно "выкружить" и ч-з "background-image":