Hover animations

How to use?

1. Purchase Bootstrap5 Menukit, unzip and include menukit.js (3KB) and menukit.css (4KB)

2. If you like, you can customize menukit.scss (sass) for your needs

3. Add hover class before/after nav-item or dropdown classes. And then add animate fade-down classes on dropdown-menu element
For example:

<li class="nav-item dropdown hover">
	<a class="nav-link  dropdown-toggle" href="#" data-bs-toggle="dropdown">Dropdown </a>
    <ul class="dropdown-menu animate fade-down">
	  <li><a class="dropdown-item" href="#"> Submenu item 1</a></li>
	  <li><a class="dropdown-item" href="#"> Submenu item 2 </a></li>
	  <li><a class="dropdown-item" href="#"> Submenu item 3 </a></li>
    </ul>
</li>