Как сделать градиент обводку с округлением для полупрозрачного блока?

Question

[kaidos]

Как лучше сверстать такой блок:

Есть две проблемы. Блок полупрозрачный, поэтому не получиться создать такой же блок с градиентом с помощью &::after или &::before .
И через border-image, так как нужны скругления.

Answer 1

[SuperToster]

Привет!
https://jsfiddle.net/053xsbv6/

С поддержкой свойств можете ознакомиться здесь: https://caniuse.com/

Вообще, если дизайнер придумывает откровенную дичь, не нужно выворачивать себе руки. Это дизайнер должен понимать, что рисует для web, какие есть ограничения, и не придумывать всякую хрень : )

Answer 2

[Ольга]

если на поддержку пофиг : используем filter:blur
если нет - можно поизвращаться через SVG фильтр feGaussianBlur