Difference between revisions of "Team:TP-CC San Diego/Templates/NavBar"

Line 116: Line 116:
  
 
.dropdown-content a:hover {background-color:  #142634}
 
.dropdown-content a:hover {background-color:  #142634}
 +
 +
.dropbtn a:before
 +
{
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;
 +
    width: 2px;
 +
    height: 0px;
 +
    background: #FFF;
 +
    content: "";
 +
    opacity: 1;
 +
    transition: all 0.3s;
 +
}
 +
 +
.dropbtn a:after
 +
{
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;
 +
    width: 100%;
 +
    height: 2px;
 +
    background: #FFF;
 +
    content: "";
 +
    opacity: 1;
 +
    transition: all 0.3s;
 +
}
 +
 +
.dropbtn a:hover:before
 +
{
 +
    height: 100%;
 +
}
 +
 +
.dropbtn a:hover:after
 +
{
 +
    opacity: 0;
 +
    top: 100%;
 +
}
  
 
.dropdown:hover .dropdown-content {
 
.dropdown:hover .dropdown-content {

Revision as of 04:13, 15 October 2017