x__miller_x
@x__miller_x

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

Доброго дня!

Сломал уже всю голову: дизайнер нарисовал выделение пункта меню следующим образом
c114f816f809486db24f31b7fb4cee09.jpg
Т.е. размер ячейки не фиксированный, в качестве фона используется картинка. И на разных пунктах меню разная степень вылезания:
3d302e4dbbd34a1089ed9d18a6cd9536.JPG
Какие есть пути решения, чтобы не потерять в качестве и при этом высота блока не скакала? Заранее благодарствую
  • Вопрос задан
  • 316 просмотров
Решения вопроса 1
paulradzkov
@paulradzkov
Дизайнер, верстальщик, начальник отдела UI
Вам поможет свойство background-size: 100% 100%; — фон растягивается по контейнеру.
codepen.io/paulradzkov/pen/JdOBbg?editors=110
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@AndreyMyagkov
генератор треугольников apps.eky.hk/css-triangle-generator
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы