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