Is it possible to create dropdown menus in the navigation bar that slide in from the bottom with a smooth transition effect, similar to this example:
Although I am working on building my own template, so my code may differ from the original theme. Here is a snippet of my CSS code:
@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900&display=swap");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "Rubik", sans-serif;
line-height: 1.7;
}
a {
color: #000;
text-decoration: none;
transition: 0.3s all ease;
}
ul {
list-style: none;
}
/* Utility */
.container {
max-width: 1170px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
}
.text-primary {
color: #f77b2e;
}
.mlr {
margin: 0 0.5rem;
}
... (remaining code)
I attempted to add transition properties to the dropdown ul elements, but unfortunately, I was not successful in achieving the desired effect.