G+

Fresh css dropdown menus

If you like flat design and need simple css drop down menu, here is a good example. The flat designed multi-level drop down menu built with clean HTML markup and pure CSS. Created by twodogstar.

Live Demo

The source code, HTML and CSS with comments available here

Download Zip with the source code.


Create Google style dropdown menu - HTML5, CSS3 tutorial

When you open google.com in modern browsers you see the grid style button and when we click it the dropdown menu shows up navigation image links to other Google services, like Google plus, Youtube, Gmail and so on.

In the following tutorial you will learn how to create the same menu for you website.

Visit tutorial page.


Slider Timeline Menu

Another interesting navigation from WebDesignCrowd

It doesn’t have a dropdown submenus, but nice animation effects. The main menu consists of the menu links and the slider bar with knob of the slider.

Learn how to create the slider timeline menu with CSS animations and jQuery. It’s a fixed navigation that smooth scrolls to new sections with a cool slider effect.

Live Demo

Visit tutorial page.

Download Zip with source code.

like swimbi