Doing Booping: Whimsical Effects on Mouseenter
Joshua Comeau crowdsourced/coined the term. These are sorta like hover/focus states, except that they aren't. Your thingies (links, buttons, etc) should have those states still. A "boop" is a more whimsical effect that runs once when the mouse enters it, and finishes the run even if your mouse leaves (which is something CSS can't really do).
Rather than Josh's React implementation, we'll start in CSS and see how far we can get, then look at an alternative vanilla JavaScript approach.
Смотрите видео Doing Booping: Whimsical Effects on Mouseenter онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь CSS-Tricks 12 Декабрь 2020, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 5,075 раз и оно понравилось 186 людям.