# 201: Å gjøre Booping - CSS-triks

Anonim

Joshua Comeau myntet på begrepet "boop" (high five, Adam Kuhn). Disse er liksom svev / fokus-stater, bortsett fra at de ikke er det. Tingene dine - ting som lenker, knapper osv. - burde fortsatt ha disse tilstandene. En "boop" er en mer lunefull effekt som går en gang når musen går inn i den, avslutter løpeturen selv om musen din forlater (noe som CSS egentlig ikke kan gjøre), og potensielt vil kjøre igjen på brukerens neste mouseentersenere, etter den første booping er ferdig.

I stedet for Joshs React-implementering, begynner vi i CSS, ser hvor langt vi kan komme, og ser på en alternativ JavaScript-tilnærming.

Jeg har lagt igjen noen kommentarer i pennen ovenfor som var fra alternative metoder vi utforsket underveis.