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

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

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

.topnav li a:hover:before, 
.topnav li a:hover:after {
    opacity: 1;
    height: 2px;
    width: 100%;
}