diff --git a/less/navbar.less b/less/navbar.less
index 675f0a6..2ffeb8d 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -53,6 +53,7 @@
   background-size: cover;
   box-shadow: @navbar-box-shadow;
   position: relative;
+  transition: background 0.35s ease-out;
   z-index: @navbar-z-index;
 
   & .uk-logo {
@@ -158,6 +159,7 @@
 
 .hook-inverse() {
   .uk-navbar-container:not(.uk-navbar-transparent) {
+    background-color: @inverse-navbar-background;
     background-image: @inverse-navbar-background-image;
   }
 }