Joshua Comeau acuñó el término “boop” (choca esos cinco, Adam Kuhn). Estos son estados similares a los de hover / focus, excepto que no lo son. Tus cosas, como enlaces, botones, etc., deberían tener esos estados. Un "boop" es un efecto más caprichoso que se ejecuta una vez cuando el mouse ingresa, finaliza la ejecución incluso si el mouse se retira (que es algo que CSS realmente no puede hacer) y potencialmente se ejecutará nuevamente en el siguiente usuario mouseentermás tarde, después el primer booping está hecho.
En lugar de la implementación de React de Josh, comenzaremos con CSS, veremos hasta dónde podemos llegar y luego veremos un enfoque de JavaScript alternativo.
Dejé algunos comentarios en el lápiz anterior que eran de métodos alternativos que exploramos en el camino.