From dc47b968004dc438ed4d3e34879ce2424b541737 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Sun, 13 Jul 2025 15:17:58 -0700
Subject: [PATCH] Transition border-color on hover

---
 index.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index bfedba4..cbb90b3 100644
--- a/index.html
+++ b/index.html
@@ -49,7 +49,7 @@
         border-radius: 4px;
         padding: 4px;
         animation: 800ms fadeIn both;
-        transition: filter 800ms;
+        transition: filter 800ms, border-color 600ms;
         --index-order: 1;
         z-index: calc(var(--index-order) * var(--i));
         counter-increment: n;
@@ -59,7 +59,8 @@
       :host(:hover),
       :host(:focus-within) {
         filter: drop-shadow(0 0 4px hsl(222deg 50% 50%));
-        transition: filter 400ms;
+        border-color: hsl(222deg 45% 55%);
+        transition: filter 400ms, border-color 200ms;
 
         &::before {
           opacity: 1;
-- 
2.47.3