Menu css sinh động

.head-menu > ul > li > a {
    color: #fff;
    font-family: tahoma;
    font-size: 20px;
    text-transform: uppercase;  
    display: block;
    padding: 0px 15px;
    position: relative;  
}
.head-menu > ul > li > a:hover::before,
.head-menu > ul > li.active > a::before{
    opacity: 1;
    transform: scale(1);
    visibility: visible;
}  
.head-menu > ul > li > a::before{
    border: 1px solid;
    border-radius: 19px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0.3);
    transition: all 0.3s ease 0s;
    visibility: hidden;
}
link web: http://www.templatemonster.com/demo/58187.html