animated hover animation with css3

#main nav{
margin:0px;
padding:0px;
}
#main nav ul{
list-style:none;
}
#main nav ul li{
float:left;
background-color:#993333;
height:100px;
-moz-transition:-moz-transform 1s, background 1s, height 1s;
-webkit-transition:-webkit-transform 1s, background 1s, height 1s;
}
#main nav ul li:hover{
float:left;
background-color:#000;
height:120px;
}
#main nav ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
color:#fff;
padding:5px 15px;
line-height:100px;
}
#main nav ul li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
color:#fff;
padding:5px 15px;
line-height:100px;
}

Leave a Reply

Your email address will not be published. Required fields are marked *