fade grayscale in/out on images

diff --git a/src/styles/style.css b/src/styles/style.css
index 9b792fb5e1905a399195239184776f2ab2fd39ad..2b9ba3f4e52a997c3ff226c03335c66e87d1e337 100644 (file)
--- 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;