From 0e2e4ab81658f591733101c52aa7c9eb54b96392 Mon Sep 17 00:00:00 2001 From: "Martin Rattensberger (aider)" Date: Sun, 6 Oct 2024 23:20:00 +0200 Subject: [PATCH] feat: Update animation to display alternating messages with fade effect --- animation.html | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/animation.html b/animation.html index d9628f7..0d99fab 100644 --- a/animation.html +++ b/animation.html @@ -17,19 +17,20 @@ } .text { position: absolute; - animation: moveText 5s infinite alternate; + animation: fadeText 6s infinite; font-size: 2em; opacity: 0.8; } - @keyframes moveText { - 0% { transform: translate(-50%, -50%); } - 50% { transform: translate(10%, 10%); } - 100% { transform: translate(50%, 50%); } + @keyframes fadeText { + 0%, 33% { opacity: 1; } + 50%, 83% { opacity: 0; } + 100% { opacity: 1; } }
The Next BIG Thing...
-
...coming soon
+
stay tuned
+
coming soon