From: Ardis Lu <ardisglu@gmail.com>
Date: Thu, 17 Jul 2025 04:47:10 +0000 (-0700)
Subject: Add transition out for input focus effect
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=71d2bc95c14c35c812b805ee632ad19856a39026;p=alu.bz

Add transition out for input focus effect
---

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 {