Passe o mouse sobre o emoji para mostrar uma versão maior

Tenho alguns emojis que não são muito visíveis no tamanho 16x16, tanto nas postagens do fórum quanto no chat:

image

Veja como o Discord faz, o que funciona bem:

Exibindo tanto o texto do emoji quanto a imagem maior ao passar o mouse.

Isso é especialmente útil para emojis personalizados que foram originalmente desenhados em resolução completa e não especificamente para baixa resolução — o que imagino ser um problema bastante comum.

6 curtidas

No entanto, não vejo problemas com os emojis padrão; até mesmo o cogumelo nuclear :woman_s_hat: está perfeitamente legível[1]


  1. funciona melhor no tema escuro… ↩︎

3 curtidas

Parabéns, esse emoji me enganou por um bom minuto até eu dar zoom de 500%. Eu literalmente achei que era a minha vista ficando mais velha :rofl:

Estava apenas brincando com este componente de tema em: GitHub - SamSaffron/emoji-hover-preview: demo of emoji hover preview · GitHub. Totalmente não oficial; se quebrar seu site, não é minha culpa ;p

2 curtidas

Isso é incrível, obrigado!