bootstrap dropdown hover animation – How to create bootstrap dropdown with hover animation?

bootstrap dropdown hover animation Steps to create bootstrap navbar hover animation menu Example with demo. i will you create a bootstrap dropdown with hover animation.

bootstrap dropdown hover animation

Example of Bootstrap nav dropdown hover animation Brand and toggle get grouped for better mobile display, Collect the nav links, forms, and other content for toggling

HTML Code (index.html)

don’t miss : Responsive Dropdown Navigation Bar

CSS Code

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
    transform: scale(0);
    transition: ease-out 0.3s;
}
.dropdown:hover .dropdown-menu {
    transform: scale(1);
}
.dropdown-profile
{
	border:none;
	display: block;
  transform: scale(1)!important;
	height: 0px;
	overflow: hidden;
	padding: 0px;
	top: 180px;
	transition: all .3s;
}
.dropdown:hover .dropdown-profile
{
	display: block;
	top: 100%;
	height: inherit;
}

I hope you get an idea about bootstrap dropdown hover animation.
I would like to have feedback on my infinityknow.com.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.