201: Robiť booping - Triky CSS

Anonim

Dav Joshua Comeau vytvoril výraz „boop“ (päťka, Adam Kuhn). Jedná sa o druhy ako stavy vznášania / zaostrenia, až na to, že nie sú. Vaše veci - veci ako odkazy, tlačidlá atď. - by mali mať stále tieto stavy. „Boop“ je náladovejší efekt, ktorý sa spustí raz, keď doň myš vstúpi, dokončí beh, aj keď vaša myš odíde (čo CSS skutočne nedokáže), a potenciálne sa znova spustí na používateľovom nasledujúcom mouseenterneskôr, po prvý booping je hotový.

Namiesto implementácie Joshovej reakcie začneme v CSS, uvidíme, kam až sa dostaneme, a potom sa pozrieme na alternatívny prístup k JavaScriptu.

Vo vyššie uvedenom peru som nechal niekoľko komentárov, ktoré pochádzajú z alternatívnych metód, ktoré sme pri tom preskúmali.