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

1.Menu Hover Line Effect

Made with

Html
Css/SCSS

Author

Mehmet Burak Erman

Demo


2.CSS3 Tabbed Horizontal Menus

Made with

Html
Css/SCSS

Author

Michael Clayton

Demo


3.10 Simple Horizontal Menus

Made with

Html
Css/SCSS
Javascript

Author

Surkov Dmitriy

Demo


4.Lavalamp CSS Menu

Made with

Html
Css/SCSS

Author

Patak

Demo


5.Skewed Menu

Made with

Html
Css/SCSS
Javascript

Author

Claudio Holanda

Demo


6.Simple Menu Navigation

Made with

Html
Css/SCSS

Author

Karim Balaa

Demo


7.Transparent Fading Navigation Bar

Made with

Html
Css/SCSS
Javascript

Author

MrPirrera

Demo


8.css3 Responsive menu effect

Made with

Html
Css/SCSS

Author

Bogdan Blinnikov

Demo


9.Justified Navigation

Super Easy RWD Nav Menu

Made with

Html
Css/SCSS
Javascript

Author

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

Html
Css/SCSS
Javascript

Author

Ryan Mulligan 

Demo


11.Navigation Effects

Made with

Html
Css/SCSS
Javascript

Author

Dominik Biedebach

Demo


12.Overflow horizontal navigation to drop down list

Made with

Html
Css/SCSS
Javascript

Author

Scott Freeman

Demo


13.Icon Navigation

Made with

Html
Css/SCSS
Javascript

Author

Marco Biedermann

Demo


14.Menus

Made with

Html
Css/SCSS
Javascript

Author

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

Html
Css/SCSS
Javascript

Author

Nils Rasmusson

Demo