@BavarianBeer

Как сделать здесь нормальное позиционирование?

https://jsfiddle.net/e3b7jmpt/6/
пытаюсь сделать ховером чтобы был какой то эффект при наводке, но из за хейлайта не получается нормально сделать. А по макету так надо. Как здесь нормально запозиционировать чтобы не передвигались остальные элементы? Помогите.
  • Вопрос задан
  • 82 просмотра
Пригласить эксперта
Ответы на вопрос 2
@MrDecoy
Верставший фронтендер
Понятное дело у вас всё двигается. Вы элемент при ховере извлекаете из потока давая ему абослютное позиционирование. Как минимум - нужно давать relative.
• content не понятно зачем задан. Это же элемент у которого контент из разметки итак есть.
• менять letter spacing не вижу смысла в данном случае. Больше похоже что Вы из фигмы так скопировали. Если уж действительно нужно, то нужно компенсировать изменение размера элемента от letter-spacing. Например дополнительным padding.
• line-height тоже не вижу смысла менять на normal.

.header__nav--text:hover{
    /* content:''; */
    /* position: relative; */
    
    /* top:50%; */
    /* left: 50%; */
    transform: translateY(-50%);
    color: #fc635e;
    /* letter-spacing: 0.64px; */
    /* line-height: normal; */
}
Ответ написан
RAX7
@RAX7
Так?
Ответ написан
Ваш ответ на вопрос

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

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