Joshua Comeau cunhou o termo “boop” (toca aqui, Adam Kuhn). Esses são estados de pairar / foco, exceto que não são. Suas coisas - coisas como links, botões, etc. - ainda devem ter esses estados. Um “boop” é um efeito mais caprichoso que é executado uma vez quando o mouse entra nele, termina a execução mesmo que o seu mouse saia (o que o CSS não pode realmente fazer) e potencialmente será executado novamente no próximo usuário mouseenter, depois o primeiro booping está feito.
Em vez da implementação do React de Josh, começaremos em CSS, veremos até onde podemos chegar e, em seguida, examinaremos uma abordagem alternativa de JavaScript.
Deixei alguns comentários na Caneta acima que eram de métodos alternativos que exploramos ao longo do caminho.