Статьи Front-end | Примеры кода

Примеры кода

Замена жирного шрифта на тень

Часто в дизайне для выделения объекта при наведении используют увеличение жирности, но при этом происходит увеличение ширины букв и текст начинает “скакать”, что бы этого избежать можно вместо изменения жирности добавлять тень, визуально разница удет почти не видна

Вместо

.some:hover {
  font-weight: bold;
}

Заменяем на

.some:hover {
  font-weight: normal;
  text-shadow: 0.25px 0.1px 0px #8c2327, -0.25px -0.1px 0px #8c2327;
}