Commit 9d893eec by Matt

Adding delay and animation to submenu

parent 11449884
......@@ -66,14 +66,33 @@
&:hover {
.dropdown-menu {
display: block;
opacity: 0;
top: 0px;
left: $side-menu-width;
background-color: $side-menu-bg;
animation: dropdown-anim 100ms ease-in-out 150ms forwards;
z-index: -9999;
}
}
}
}
@keyframes dropdown-anim {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
transform: translate3d(-5%,0,0);
}
100% {
opacity: 1;
transform: translate3d(0,0,0)
}
}
.sidemenu-main-link {
font-size: 16px;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment