html导航简单特效,简单好用的导航特效，

#menu{

margin-top: 20px;

background: linear-gradient(RGBA(194,1,4,1),RGBA(199,6,9,1),RGBA(204,11,14,1),RGBA(209,16,19,1),RGBA(214,21,24,1),RGBA(209,16,19,1),RGBA(204,11,14,1),RGBA(199,6,9,1),RGBA(194,1,4,1));

width: 100%;

height: 40px;

}

#menu ul{

width: 750px;

margin: auto;

}

#menu ul li{

list-style:none;

line-height: 40px;

float: left;

}

#menu ul li a{

padding: 12px 56px;

text-align: center;

text-decoration: none;

color: white;

}

#menu ul li a:hover{

text-decoration: none;

color: white;

background: #898989;

}