@sdydno

Как растянуть border внизу такста который в контейнере?

600f0a03134a1894920339.png
Нужно сделать это таким
600f0a4dcc73b520380110.png
  • Вопрос задан
  • 42 просмотра
Пригласить эксперта
Ответы на вопрос 2
@thereal_kh
Более менее опытный фронт-энд разработчик.
Задай пунктам меню бордер при ховере с помощью псевдокласса :hover (.class-name:hover). Но ты столкнёшься с проблемой что при наведении текст будет дёргаться, чтобы избежать этого в основных стилях элемента (не внутри :hover) задай бордер с таким же размером но прозрачный (border-color: transparent), таким образом бордер при ховере будет просто перекрашиваться и текст не будет дёргаться.
Ответ написан
@LLlYCTPBl
Знаю фронтенд, учу JS, помогаю новичкам:)
Для li пропиши Ховер, пример:
.menu li {
   border-color: transparent;
   padding-bottom: 4px; (примерно)
   transition: all .2s;
}

.menu li:hover {
border-bottom: 1px solid #цвет;
}
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
01 мар. 2021, в 13:30
500 руб./за проект
01 мар. 2021, в 12:50
150000 руб./за проект
01 мар. 2021, в 12:50
35000 руб./за проект