@booogabooo

Как правильно сверстать такую навигацию?

Есть такое меню:
6731a33a103f438db0d9bc67ea1a9c1a.png

Как сверстать кнопки? (они посветлее)
В чем суть проблемы: создал изображение (примерно 60х38) и с помощью
background-size: cover;
пытаюсь его растянуть, но получается очень плохо (уродски, особенно в тех местах, где пункт меню длинный).
Как правильно сверстать такую кнопку?
  • Вопрос задан
  • 2211 просмотров
Решения вопроса 1
@ModestesGonze
Можно все на чистом CSS сделать.
Или же, вырезаете у кнопки полосу шириной 1px по вертикали во всю её высоту, через repat размножаете по горизонтали. Левую и правую сторону кнопки, тоже вырезаете, шириной примерно 2-3px или чуть больше если с тенью хотите, далее через псевдоэлементы :before и :after вставляете и позиционируете как нужно.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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