# 201: Gør Booping - CSS-tricks

Anonim

Joshua Comeau tilskyndede udtrykket "boop" (high five, Adam Kuhn). Disse er som svæve- / fokustilstande, bortset fra at de ikke er det. Dine ting - ting som links, knapper osv. - burde stadig have disse stater. En "boop" er en mere lunefuld effekt, der kører en gang, når musen går ind i den, afslutter løbeturen, selvom din mus forlader (hvilket CSS ikke rigtig kan gøre) og potentielt kører igen på brugerens næste mouseentersenere, efter den første booping er færdig.

I stedet for Joshs React-implementering starter vi i CSS, ser hvor langt vi kan komme og ser derefter på en alternativ JavaScript-tilgang.

Jeg har efterladt nogle kommentarer i pennen ovenfor, der var fra alternative metoder, vi udforskede undervejs.