25+ CSS Horizontal Menus - Free Code + Demos

Hover effect for links. Use only one pseudo-element on link.

Simple SVG icon navigation with shadows using flex-box. Icon set: Dripicons by Amit Jakhu http://demo.amitjakhu.com/dripicons/

This is a CSS-only slide menu.

Using CSS3 properties to make a no-mainstream skewed menu.

Just a simple menu.

Transparent Fading Navigation Bar with Mask Image

Responsive slide menu Effect

This is pure HTML5 CSS3 Horizontal Menu. It requires no javascript or programming language to function. This was found on Google, further enhancements were made in css & is now published by me as a 'take-away' code. Note that the transation effect does not validate in W3C Validation, so yo...

Read More

Here is sample code for a simple horizontal navbar.

A menu of icons which slides from the top left corner of the window. - Font-Awesome Icons; - CSS only using the input checkbox type attribute.

It has been a long quest, for month if not years I was struggling with adapting menus in the CSS code and trying out JQueries that I don't speak thus not understand and that didn't work as explained. Always just patchworking my way to my desired goals. Now I have finally made the importan...

Read More

A simple example of a CSS horizontal menu with icons.

A beautiful horizontal menu which designed by Mike and developed in pure-CSS.

Horizontal menu with slide down effect on hover

Created for http://css-snippets.com/simple-horizontal-navigation/ Exploring two different methods for making the navigation horizontal on large screens. The snippet is responsive. It is a vertical menu on smaller screens and a horizontal menu on larger screens.

Horizontal menu items corner animation on hover

Horizontal menu items sliding border on hover

Horizontal menu with top and bottom border hover effect