What is the form menu?

What is the form menu?

Menu is one of the important element in web designing which help you to show up many tags on one page in arrange order. It’s on designer how he want it and how much perfect he can make it. Mostly you will find it in top middle but again as I said its completely on designer.

You can make a menu as List or Grid.

Example

nav {

    background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ccc));

    background-image: linear-gradient(#fff, #ccc);

    border-radius: 6px;

    box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);

    padding: 0 10px;

    position: relative;

}

.menu li a:hover {

    background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff));

    background-image: linear-gradient(#ededed, #fff);

    border-radius: 12px;

    box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);

    color: #222;

}

 

Result