.topnav li a:before, 
.topnav li a:after {
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0px;
    content: '';
    background: #FFF;
    opacity: 0.3;
    transition: all 0.3s;
}

.topnav li a:before {
    top: 0px;
} 

.topnav li a:after {
    bottom: 0px;
}

.topnav li a:hover:before, 
.topnav li a:hover:after {
    height: 100%;
}