10 CSS Horizontal Menus – csshint

Latest Collection of hand-picked free HTML CSS Horizontal Menus code examples. demo and download Zip.

1. Menu Hover Line Effect

Author

Mehmet Burak Erman

Made with

HTML / CSS (SCSS)

demo and code Get Hosting

2. Strikethrough hover-effect

Author

Artyom

Made with

HTML / CSS (SCSS)

demo and code Get Hosting

3. CSS Menu Concept (Clip-path)

Author

Charlie Marcotte

Made with

HTML (Pug) / CSS (Sass)

demo and code Get Hosting

4. Lavalamp CSS Menu

See the Pen <a href='https://codepen.io/Patak/pen/QpLpOV'>Lavalamp CSS Menu</a> by Patak (<a href='https://codepen.io/Patak'>@Patak</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

patak

Made with

HTML / CSS

demo and code Get Hosting

5. Skewed Menu

Author

Claudio Holanda

Made with

HTML / CSS (Less)

demo and code Get Hosting

6. Simple Menu Navigation

See the Pen <a href='https://codepen.io/karimbalaa/pen/WboBBY'>Simple Menu Navigation</a> by Karim Balaa (<a href='https://codepen.io/karimbalaa'>@karimbalaa</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Karim Balaa

Made with

HTML / CSS

demo and code Get Hosting

7. Transparent Fading Navigation Bar

See the Pen <a href='https://codepen.io/pirrera/pen/zapbh'>Transparent Fading Navigation Bar</a> by MrPirrera (<a href='https://codepen.io/pirrera'>@pirrera</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

MrPirrera

Made with

HTML / CSS

demo and code Get Hosting

8. css3 Responsive menu effect

See the Pen <a href='https://codepen.io/bonkalol/pen/adHBz'>css3 Responsive menu effect</a> by Bogdan Blinnikov (<a href='https://codepen.io/bonkalol'>@bonkalol</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Bogdan Blinnikov

Made with

HTML / CSS (Less)

demo and code Get Hosting

9. Navigation Effects

See the Pen <a href='https://codepen.io/d2k/pen/jEmWXq'>Navigation Effects</a> by bdbch (<a href='https://codepen.io/d2k'>@d2k</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Dominik Biedebach

Made with

HTML / CSS

demo and code Get Hosting

10. Icon Navigation

See the Pen <a href='https://codepen.io/marcobiedermann/pen/aZZQww'>Icon Navigation</a> by Marco Biedermann (<a href='https://codepen.io/marcobiedermann'>@marcobiedermann</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Marco Biedermann

Made with

HTML / CSS (PostCSS)

demo and code Get Hosting

1. Menu Hover Line Effect

Author

Made with

Related Articles

2. Strikethrough hover-effect

Author

Made with

3. CSS Menu Concept (Clip-path)

Author

Made with

4. Lavalamp CSS Menu

Author

Made with

5. Skewed Menu

Author

Made with

6. Simple Menu Navigation

Author

Made with

7. Transparent Fading Navigation Bar

Author

Made with

8. css3 Responsive menu effect

Author

Made with

9. Navigation Effects

Author

Made with

10. Icon Navigation

Author

Made with

You may also like