From d0b36169dcf0e96cd4ad50388a57295033dc3d80 Mon Sep 17 00:00:00 2001 From: "Martin Rattensberger (aider)" Date: Sun, 6 Oct 2024 23:21:38 +0200 Subject: [PATCH] fix: Adjust fade animation to prevent overlap and ensure sequential display --- animation.html | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/animation.html b/animation.html index 576b144..ab9e0d7 100644 --- a/animation.html +++ b/animation.html @@ -28,6 +28,7 @@ } .fade { animation: fadeText 6s infinite; + opacity: 0; } @keyframes typing { from { width: 0; } @@ -39,14 +40,14 @@ } @keyframes fadeText { 0%, 33% { opacity: 0; } - 50%, 83% { opacity: 1; } - 100% { opacity: 0; } + 34%, 66% { opacity: 1; } + 67%, 100% { opacity: 0; } }
The Next BIG Thing...
-
stay tuned
-
coming soon
+
stay tuned
+
coming soon