From c80b8f7a2675b1f26e814e770038c347386ab318 Mon Sep 17 00:00:00 2001 From: Ardis Lu Date: Fri, 10 May 2024 00:11:01 -0700 Subject: [PATCH] Add toast transition in --- style.css | 5 +++++ 1 file changed, 5 insertions(+) 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 { -- 2.47.3