Joshua Comeau prägte den Begriff „Boop“ (High Five, Adam Kuhn). Dies sind ein bisschen wie Schwebe- / Fokuszustände, außer dass dies nicht der Fall ist. Ihre Dinger - Dinge wie Links, Schaltflächen usw. - sollten immer noch diese Zustände haben. Ein "Boop" ist ein skurrilerer Effekt, der einmal ausgeführt wird, wenn die Maus ihn betritt, den Lauf beendet, selbst wenn Ihre Maus verlässt (was CSS nicht wirklich kann) und möglicherweise mouseenterspäter beim Benutzer erneut ausgeführt wird Das erste Booping ist beendet.
Anstelle von Joshs React-Implementierung beginnen wir mit CSS, sehen, wie weit wir kommen können, und schauen uns dann einen alternativen JavaScript-Ansatz an.
Ich habe oben im Stift einige Kommentare hinterlassen, die von alternativen Methoden stammen, die wir auf diesem Weg untersucht haben.