Как задать border radius границе с градиентом?

Question

[DevilPrado]

Есть граница , ее цвет задан линейным градиентом, проблема в том, что не работает border radius для этой границы, как можно это реализовать?

Comments

[DevilPrado]

Alice, https://mid-victorian-typew.000webhostapp.com/

граница вокруг кнопки "перезвони мне"

[Вадим]

DevilPrado, Если нужно скруглить углы, но при этом ещё и оставить пустое прозрачное пространство вокруг кнопки, то без svg тут не обойдётся.

Answer 1

[dicem]

Как вам такой вариант?
https://jsfiddle.net/mnuz9Loo/

Comments

[Вадим]

Так как в примере DevilPrado есть прозрачная пустота между кнопкой и рамкой, а в Вашем примере этого не будет, то дополню Ваш ответ ещё вот таким вариантом:
Вдруг кому подойдёт больше.
Из минусов - не скруглены внутренние углы. (Можно скруглить, увеличив количество точек у внутреннего контура. Лучшего варианта пока не придумал)
Ширина градиентной границы регулируется в clip-path. В данном примере 10px.