Как сделать «фигурный» бордер?

Question

[sadboy]

Привет, подскажите как можно реализовать такой бордер?

2 день думаю над этим, не могу найти решение. пробовал, через псевдоэлементы, через border-image, все не получается.

Answer 1

[Денис Букреев]

Самое примитивное: на активный таб с помощью :after накладываешь поверх svg и все

Comments

[sadboy]

сейчас , так и сделал. спасибо

Answer 2

[zoozag]

Примерно так:
https://codepen.io/anon/pen/WZaoLq

Answer 3

[Сергей Сунцев]

Вот можно примерно Так, надеюсь смысл понятен

Comments

[sadboy]

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

Answer 4

[dom1n1k]

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