From: Ardis Lu <ardisglu@gmail.com>
Date: Sun, 23 Oct 2022 05:56:58 +0000 (-0700)
Subject: Upgrade hover effect to drop-shadow
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=8f157dae8327ac7bcafbc4f0059e6ce3ead035a5;p=minimal-masonry

Upgrade hover effect to drop-shadow
---

diff --git a/index.html b/index.html
index 1ec33bf..0e9dfb6 100644
--- a/index.html
+++ b/index.html
@@ -32,14 +32,14 @@
       padding: 0;
       width: 24px;
       height: 24px;
-      transition: background-color 500ms;
+      transition: filter 500ms;
     }
 
     .info-button:hover,
     .info-button:focus {
       cursor: pointer;
-      background: hsl(58deg 80% 70%);
-      transition: background-color 150ms;
+      filter: drop-shadow(0 0 16px hsl(130deg 100% 40%));
+      transition: filter 150ms;
     }
 
     dialog {