From: Ardis Lu <ardisglu@gmail.com>
Date: Fri, 10 May 2024 07:11:01 +0000 (-0700)
Subject: Add toast transition in
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=c80b8f7a2675b1f26e814e770038c347386ab318;p=ardislu.dev

Add toast transition in
---

diff --git a/style.css b/style.css
index d330bab..34908d7 100644
--- a/style.css
+++ b/style.css
@@ -354,6 +354,11 @@ dialog {
     0px 4.3px 4.8px -1.2px hsl(50deg 72% 69% / 0.17),
     0px 8.4px 9.5px -1.9px hsl(50deg 72% 69% / 0.17),
     0.1px 16px 18px -2.5px hsl(50deg 72% 69% / 0.17);
+  transition: opacity 400ms, translate 400ms;
+  @starting-style {
+    opacity: 0;
+    translate: 0 100%;
+  }
 }
 
 dialog div {