@evgenyforever

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

5c2d9e5e60125500396481.pngПодскажите как сделать, так чтобы не сдвигались элементы и синяя полоса была под категорией, а не над ней.
Есть код, просьба дополнить. (чтобы получилось, как на картинке)


Сам компонент называется global-nav-indicator-bar
}
 .global-nav-indicator-bar {
    border-top: 0px solid #5787f4;
    bottom: 0px;
    display: block;
    left: 0px;
    transition: border-width 0.300s linear 0s;
    width: 100%;
}
#mainMenu > li:hover *:hover .global-nav-indicator-bar {
    border-top-width: 5px;
}
.global-nav-indicator-bar {
    display: block;
}
  • Вопрос задан
  • 463 просмотра
Решения вопроса 1
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
Box-shadow, а не border-top:
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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