DEV Community

Cover image for Awesome Menu - Follow Along Links
Ahmad Emran
Ahmad Emran

Posted on • Edited on

Awesome Menu - Follow Along Links

MENU - FOLLOW ALONG LINKS


Please do not forget to subscribe in my channel:


Top comments (6)

Collapse
 
afif profile image
Temani Afif

a CSS only solution if intrested: jsfiddle.net/6q4Lcumw/ (rely on fixed width but removes all the JS)

Collapse
 
jamesthomson profile image
James Thomson

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.

Collapse
 
afif profile image
Temani Afif

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 ;)

Collapse
 
franckpaul profile image
Franck Paul

Nice effect but unusable with a keyboard

Collapse
 
afif profile image
Temani Afif

doesn't work well if you resize the browser (the highlight element is missplaced until you hover again)

Collapse
 
ahmadbassamemran profile image
Ahmad Emran

Thanks, it's working now