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

Нужно сверстать 3 нестандартных таба. Одним border-radius и scale для псевдоклассов тут не обойтись. Самое тяжелое это плавна нижняя грань. Хочется сделать без svg конечно. Какие есть идеи? Спасибо!
prntscr.com/bktzqt
  • Вопрос задан
  • 521 просмотр
Решения вопроса 1
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Сами вкладки сделать через широкие ("перекрывающиеся") изображения (возможно, с применением css clip-path; хотя, вроде можно и обойтись без этого) и использовать отрицательный z-index для всех неактивных вкладок с позиционированием ниже активной (по Y-оси, т.е. активную - "поднимаем" через JS).
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы