@Fakt_37

Как убрать смещение ссылок при увеличение жирности текста?

Всем привет, подскажи как сделать чтоб меню не прыгало. Уже всё перепробовал
https://jsfiddle.net/xsqf8g0h/
  • Вопрос задан
  • 1150 просмотров
Решения вопроса 4
SeaInside
@SeaInside
15 лет пилю все эти штуки
А никак.
Если нужно делать при наведении текст жирным, чтобы он не менял свои размеры, то можно использовать хак при помощи text-shadow.
Пример сделать сейчас нет возможности, загуглите "text-shadow like bold" - там всё расскажут.
Ответ написан
Комментировать
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Ответ написан
Комментировать
twobomb
@twobomb
Добавить что то типа
min-width:80px;
display:inline-block;
Ответ написан
@Fakt_37 Автор вопроса
Нашел для себя идеальное решение, мало ли кому пригодится
.hero__nav__items {
    color: #111;
    font-weight: 300;
    font-size: 15px;
    line-height: 24px;
    margin: auto;
    padding: 2px 2px;
    outline: none;
        text-decoration: none;
}
.hero__nav__items:nth-child(1):hover {
  color: #ffd801;
  font-weight: 700;
  border-bottom: 1px solid #ffd801;
  padding: 0;
  padding-left: 2px;
  margin: auto;
}

.hero__nav__items:nth-child(3):hover {
  color: #ffd801;
  font-weight: 700;
  border-bottom: 1px solid #ffd801;
  padding: 0;
  padding-left: 1.5px;
  margin: auto;
}

.hero__nav__items:hover {
  color: #ffd801;
  font-weight: 700;
  border-bottom: 1px solid #ffd801;
  padding: 0;
  margin: auto;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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