Pure Css Magic Line Navbar

See the Pen Pure Css Magic Line Navbar by seto89 (@seto89) on CodePen.

Pure Css Magic Line Navbar

Description: It's pure CSS. All links need to have a consistent dimensions for this to work. You have to set everything up yourself in terms of telling the nav how many items there are and where the .line should move to whenever one of the links gets hovered.

Browsers: Chrome Edge (partial) Firefox Opera Safari

Made with: HTML CSS

Responsive:Yes

Posted: 4.03.2019

Similar Examples