From: Cameron Otsuka <cameron@otsuka.haus>
Date: Thu, 9 Oct 2025 05:56:18 +0000 (-0700)
Subject: fade grayscale in/out on images
X-Git-Url: https://git.otsuka.systems/?a=commitdiff_plain;h=aef8148763f04635f7def677bb7fe83d0b91f75c;p=cotsuka.github.io

fade grayscale in/out on images
---

diff --git a/src/styles/style.css b/src/styles/style.css
index 9b792fb..2b9ba3f 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -43,6 +43,12 @@ menu ul, menu ol, menu dl, menu menu {
 }
 img {
   height: auto;
+  filter: grayscale(1);
+  transition: all 0.2s linear;
+}
+img:hover {
+  filter: grayscale(0);
+  transition: all 0.5s linear;
 }
 dd {
   margin-bottom: 0.5rem;