diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index ad80a5a..5d325ba 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -57,6 +57,13 @@ body {
   top: 20px;
   color: #fff;
   cursor: pointer;
+  -webkit-transition: opacity 0.2s linear;
+  -moz-transition: opacity 0.2s linear;
+  transition: opacity 0.2s linear;
+}
+.docs-nav:active {
+  color: #fff;
+  opacity: .5;
 }
 
 .docs-logo {
diff --git a/sass/docs.scss b/sass/docs.scss
index 043c85c..8729d0e 100644
--- a/sass/docs.scss
+++ b/sass/docs.scss
@@ -56,6 +56,12 @@ body {
   top: 20px;
   color: #fff;
   cursor: pointer;
+  @include transition(opacity .2s linear);
+
+  &:active {
+    color: #fff;
+    opacity: .5;
+  }
 }
 .docs-logo {
   width: 75px;