Skip to content

Instantly share code, notes, and snippets.

@kenold
Created October 16, 2019 14:11
Show Gist options
  • Save kenold/3e34b40601a5b1bf43f666ccaded29cd to your computer and use it in GitHub Desktop.
Save kenold/3e34b40601a5b1bf43f666ccaded29cd to your computer and use it in GitHub Desktop.
Bulma menu animation - needs improvement
.navbar-menu {
display: block;
opacity: 0;
position: absolute; /* or float: left; width: 100%;*/
left: 0;
right: 0;
transform: translateY(-50%);
transition: all .4s ease-in-out;
pointer-events: none;
}
.navbar-menu.is-active {
opacity: 1;
transform: none;
pointer-events: auto;
}
@media (min-width: 1024px) {
.navbar-menu {
display: flex;
opacity: 1;
position: initial;
transform: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment