MENU - FOLLOW ALONG LINKS
For further actions, you may consider blocking this person and/or reporting abuse
Read next
Efficient Patterns for Effects
Pierre Bouillon -
Lessons from open-source: How obsessed are you with following Single Responsibility Principle?
Ramu Narasinga -
Web Performance Optimization Techniques
Rounit Ranjan Sinha -
Epic Next.js 14 Tutorial Part 3: Building Out Our Home Page
Paul Bratslavsky -
Top comments (6)
a CSS only solution if intrested: jsfiddle.net/6q4Lcumw/ (rely on fixed width but removes all the JS)
Nice that's it's CSS only, but very buggy (Chrome 89). It never seems to be able to highlight Home again and the highlighted box can end up midway between icons.
you can fix it that way: jsfiddle.net/pnabj4dL/ .. you need to make the value slightly different for the Home to be able to trigger the hover again ;)
Nice effect but unusable with a keyboard
doesn't work well if you resize the browser (the highlight element is missplaced until you hover again)
Thanks, it's working now