Joshua Comeau ha coniato dal pubblico il termine "boop" (batti il cinque, Adam Kuhn). Questi sono una sorta di stati hover / focus, tranne per il fatto che non lo sono. I tuoi oggetti - cose come link, pulsanti, ecc. - dovrebbero ancora avere quegli stati. A “boop” è un effetto più estroso che viene eseguito una volta quando il mouse entra, finisce la corsa anche se le tue foglie del mouse (che è qualcosa di CSS non si può davvero fare), e potenzialmente eseguire nuovamente l'utente è il prossimo mouseenter
più tardi, dopo il primo boop è fatto.
Piuttosto che l'implementazione di React di Josh, inizieremo in CSS, vedremo fino a che punto possiamo arrivare, quindi esamineremo un approccio JavaScript alternativo.
Ho lasciato alcuni commenti nella penna sopra che provenivano da metodi alternativi che abbiamo esplorato lungo la strada.