A Collection of hand-picked 15 Best Horizontal Menus With Css Code Examples.

1.Menu Hover Line Effect

Made with

1
2
Html
Css/SCSS

Author

1
Mehmet Burak Erman

Demo


2.CSS3 Tabbed Horizontal Menus

Made with

1
2
Html
Css/SCSS

Author

1
Michael Clayton

Demo


3.10 Simple Horizontal Menus

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
Surkov Dmitriy

Demo


4.Lavalamp CSS Menu

Made with

1
2
Html
Css/SCSS

Author

1
Patak

Demo


5.Skewed Menu

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
Claudio Holanda

Demo


6.Simple Menu Navigation

Made with

1
2
Html
Css/SCSS

Author

1
Karim Balaa

Demo


7.Transparent Fading Navigation Bar

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
MrPirrera

Demo


8.css3 Responsive menu effect

Made with

1
2
Html
Css/SCSS

Author

1
Bogdan Blinnikov

Demo


9.Justified Navigation

Super Easy RWD Nav Menu

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
Geoff Yuen

Demo


10.Horizontal Section Navigation

An experiment with a navigation menu for page sections. The active anchor link updates based on the current page section as the user scrolls. When the menu overflows, it will automatically scroll an active link into view if it spills outside the viewport.

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
Ryan Mulligan 

Demo


11.Navigation Effects

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
Dominik Biedebach

Demo


12.Overflow horizontal navigation to drop down list

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
Scott Freeman

Demo


13.Icon Navigation

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
Marco Biedermann

Demo


14.Menus

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
LittleSnippets.net

Demo


15.Horizontal Sliding Navigation

Resize the width of this window to see the horizontal sliding in action. Scroll to the left or right, and use the arrows as well. It should respond nicely to any situation.

Made with

1
2
3
Html
Css/SCSS
Javascript

Author

1
Nils Rasmusson

Demo