# 201: Boopingin tekeminen - CSS-temppuja

Anonim

Joshua Comeau väkijoukossa keksi termin "boop" (viisi korkeaa, Adam Kuhn). Nämä ovat sorta-tyyppisiä leiju- / kohdetiloja, paitsi että ne eivät ole. Sinun esineilläsi - esim. Linkeillä, painikkeilla jne. - pitäisi vielä olla nämä tilat. "Boop" on oudompi vaikutus, joka toimii kerran, kun hiiri tulee siihen, päättää ajon, vaikka hiiri poistuu (mitä CSS ei todellakaan voi tehdä), ja se toimii mahdollisesti uudelleen käyttäjän seuraavalla mouseentermyöhemmin, sen jälkeen, kun ensimmäinen booping on tehty.

Josh's React -toteutuksen sijaan aloitamme CSS: ssä, katsomme kuinka pitkälle voimme päästä, ja sitten tarkastelemme vaihtoehtoista JavaScript-lähestymistapaa.

Olen jättänyt joitain kommentteja yllä olevaan kynään, jotka olivat peräisin vaihtoehtoisista menetelmistä, joita tutkimme matkan varrella.