From 256a4e49b9b479191c95211d0e3d8b9531124d52 Mon Sep 17 00:00:00 2001 From: rr- Date: Mon, 11 Apr 2016 18:41:10 +0200 Subject: [PATCH] client/css: animate nav link hover color --- client/css/main.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/client/css/main.css b/client/css/main.css index f508251..ad09687 100644 --- a/client/css/main.css +++ b/client/css/main.css @@ -44,6 +44,7 @@ h1, h2, h3 { a { color: var(--main-color); text-decoration: none; + transition: color 0.1s linear; } #content-holder { @@ -106,6 +107,9 @@ nav.text-nav ul li a { nav.text-nav ul li:not(.active) a { color: var(--inactive-tab-text-color); } +nav.text-nav ul li:hover:not(.active) a { + color: var(--active-tab-text-color); +} nav.text-nav ul li.active a { background: var(--active-tab-background-color); color: var(--active-tab-text-color);