quatuorbellefeuille.com

commit 0b910512e809e815b213d778afe8eb05bc73af3f
parent 05c9daf01f4a7bb122bb81b915038582e182b9ef
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Wed,  4 Nov 2020 00:38:06 +0100

Mess around with brand

Diffstat:
M
commun.css
 | 
14
++++++++++++++

1 file changed, 14 insertions(+), 0 deletions(-)
diff --git a/commun.css b/commun.css
@@ -9,12 +9,26 @@ header .brand {
     max-width: 40%;
 }
 
+header .brand img {
+    transition: filter 1s;
+}
+header .brand h1 {
+    transition: color 1s;
+}
+header .brand:hover img {
+    filter: brightness(100%) sepia(100%);
+}
+header .brand:hover h1 {
+    color: #d82;
+}
+
 .brand h1 {
     margin: 0;
 }
 
 .brand img {
     height: 3em;
+    filter: brightness(0%);
 }
 
 nav {