DEV Community

loading...
Cover image for Awesome  Menu -  Follow Along Links

Awesome Menu - Follow Along Links

ahmadbassamemran profile image Ahmad Emran Updated on ・1 min read

MENU - FOLLOW ALONG LINKS


Please do not forget to subscribe in my channel:


Discussion (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 Author

Thanks, it's working now

Forem Open with the Forem app