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.
I have several years of commercial experience in HTML5, CSS3, Sass, javaScript, jQuery, Greensock.js, ADF UI, Photoshop & Illustrator. I'm renowned for fast HTML and CSS coding.
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