Add transition out for input focus effect

diff --git a/style.css b/style.css
index ca46ff19f8a00684316473f9d1a5af840ffc19b9..4ddbb5b14c0279a2ea85f097d7d5bd48a03b159f 100644 (file)
--- 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 {