Hover entre font-weight sem dor de cabeça [drop]

19 de janeiro de 2020 • um papo de 1min sobre front-end

Sabe aquele hover entre font-weight normal e bold que fica "pulando"? Tem solução!

Taí o que me salva sempre quando não posso colocar uma largura fixa nos elementos. Pra não ter que lidar com a diferença de densidade entre a familia normal/bold da fonte, é só usar o text-shadow 😎

a.textToHover {
  color: #000;
}

a.textToHover:hover {
  text-shadow: 0px 0px 1px #000;
}

me conta o que achou:

hey,
duvido você
compartilhar

twitterlinkedinemailcopiar link

all
design/produto
front-enddados
música/back-end