Как сделать нижнее подчеркивание при наведении мыши?

Доброе время суток, столкнулся с данной проблемой.
Не знаю как сделать при наведении мыши на ссылку меню, нижнее подчеркивание с закруглением, скрин ниже. За ранее спасибо!
5e6f04ba3433.png
  • Вопрос задан
  • 1300 просмотров
Решения вопроса 2
@Scrum
Front-End developer
Писал на коленке.
a { position: relative; }
a::after {
    content: '';
    left: 5px;
    right: 5px
    top: 100%;
    height: 5px;
    backgroun-color: transparent;
    border-radius: 50%;
    position: absolute;
}
a:hover::after { background-color: chocolate; }
Ответ написан
Комментировать
nazarpc
@nazarpc
Open Source enthusiast
Добавляйте псевдо-элемент ::after при наведении с нужной стилизацией.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
SagePtr
@SagePtr
Еда - это святое
Ай-ай-ай, выкладываете картинку с вредоносного хостинга?
Ответ написан
Ваш ответ на вопрос

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

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