From e2b713175d7922ce85308ba38903afee5b318909 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Mon, 25 Mar 2024 23:09:02 -0700
Subject: [PATCH] Add flicker effect to hidden button

---
 index.html | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/index.html b/index.html
index 3be59ad..42ebd85 100644
--- a/index.html
+++ b/index.html
@@ -72,6 +72,28 @@
       line-height: 0;
       background: none;
       transition: background-color 400ms;
+
+      &::before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        inset-inline-start: 0;
+        inset-block-start: 0;
+        inline-size: 100%;
+        block-size: 100%;
+        border-radius: 2ch;
+        animation: flicker 1s linear infinite alternate;
+      }
+    }
+
+    @keyframes flicker {
+      from {
+        background-color: hsl(216deg 90% 80% / 0.05);
+      }
+
+      to {
+        background-color: hsl(216deg 90% 80% / 0.25);
+      }
     }
 
     #ascii-container button:hover,
-- 
2.47.3