From 71d2bc95c14c35c812b805ee632ad19856a39026 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Wed, 16 Jul 2025 21:47:10 -0700
Subject: [PATCH] Add transition out for input focus effect

---
 style.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/style.css b/style.css
index ca46ff1..4ddbb5b 100644
--- a/style.css
+++ b/style.css
@@ -129,6 +129,7 @@ form>div {
     block-size: calc(100% + 8px);
     background: var(--primary-strongest);
     transform: scaleY(0);
+    transition: transform 300ms;
   }
 
   form>div:focus-within::before {
@@ -147,6 +148,7 @@ form>div {
     block-size: calc(100% + 8px);
     background: radial-gradient(circle at left, var(--primary-complement), transparent 30%);
     opacity: 0;
+    transition: opacity 400ms;
   }
 
   form>div:focus-within::after {
-- 
2.47.3