Справочник верстальщика

Создай свой сайт!

Горизонтальное меню

.nav li{
	border-radius:3px; width:150px;
	background:#9f0;
	border-left:1px solid #111;
    border-top:1px solid #111;
    border-right:1px solid #333;
    border-bottom:1px solid #333;
    -webkit-transition: all 0.4s cubic-bezier(0.4,0.8,0.4,0.8);
    display: inline-block;
}
.nav li:hover{
	-webkit-transform:translateY(10px);
  	 background:#cf33;
}
.nav li a{
	color:#fff;display:block;
    width:150px;padding:10px;
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;
}
.nav li a:hover{
	color:#00c6ff;
}