Skip to content

Instantly share code, notes, and snippets.

@trueqap
Last active March 24, 2019 17:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save trueqap/c7f10dfa8841ada5455457406ce2936f to your computer and use it in GitHub Desktop.
Save trueqap/c7f10dfa8841ada5455457406ce2936f to your computer and use it in GitHub Desktop.
Divi menüpontok aláhúzása
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
content: "";
position: absolute;
z-index: 2;
left: 0;
right: 0;
}
#top-menu li a:before {
content: "";
position: absolute;
z-index: -2;
left: 0;
right: 100%;
bottom: 50%;
background: #fff; /*** Az aláhúzás színe Fehér: #fff, Fekete:#000 ***/
height: 3px; /*** A vonal nagysága ***/
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#top-menu li a:hover {
opacity: 1 !important;
}
#top-menu li a:hover:before {
right: 0;
}
#top-menu li li a:before {
bottom: 10%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment