Transition In Navbar When Scroll Down

My navbar color will be change when I scroll down. The color is changing. But there is no transition effects. How to give a transition for this. Here is my Code.. $(window).scroll(

Solution 1:

Just add this rule in your css file. It will work for you, because here the transition property is set to all changes...

.navbar-trans {transition: all 0.3s ease; /* other css rules here */}

Read more about transition property here...

Solution 2:

Thats it... Try this dude....

.navbar.navbar-trans.afterscroll { 
background-color:#1ba4df; 
Transition:0.3s all linear;
}