Сделать внутренний полупрозрачный border с clip path?

Question

[WebforSelf]

Есть такое изображение, через clip path отлично все делается.

clip-path: polygon(50% 0, 62% 6%, 75% 6%, 83% 18%, 94% 25%, 94% 38%, 100% 50%, 94% 62%, 94% 75%, 82% 82%, 75% 94%, 62% 94%, 49% 100%, 38% 93%, 25% 94%, 17% 81%, 6% 75%, 6% 61%, 0 50%, 6% 38%, 7% 24%, 17% 17%, 25% 6%, 39% 6%);

Вопрос в том , как сделать внутренний бордер у углов? как на фото, с clip path по идее не проходит ничего.

Answer 1

[RAX7]

Хотя лучше для этого использовать svg маски css.yoksel.ru/svg-masks

Answer 2

[Андрей Федоров]

Попробуйте так - https://codepen.io/aliencash/pen/wvWyMpd?editors=1100

Comments

[WebforSelf]

К сожалению с изображением не получается, за полупрозрачным бордером же должно быть изображение

[Андрей Федоров]

WebforSelf, я показал вам концепцию, дальше сами не справитесь что ли?