Как сверстать нестандартные tab`ы?

Question

[Hellarazor]

Нужно сверстать 3 нестандартных таба. Одним border-radius и scale для псевдоклассов тут не обойтись. Самое тяжелое это плавна нижняя грань. Хочется сделать без svg конечно. Какие есть идеи? Спасибо!
prntscr.com/bktzqt

Comments

[Сергей]

Есть пример medtorg02.ru

Answer 1

[xmoonlight]

Сами вкладки сделать через широкие ("перекрывающиеся") изображения (возможно, с применением css clip-path; хотя, вроде можно и обойтись без этого) и использовать отрицательный z-index для всех неактивных вкладок с позиционированием ниже активной (по Y-оси, т.е. активную - "поднимаем" через JS).

Comments

[Hellarazor]

А есть пример похожий. Уже начал так делать. В css каша пока получается

[xmoonlight]

Hellarazor: примера, к сожалению, нет.