feat(ui): added animation to overflowing text

2026-08-17 05:56:01 +01:00 · 2022-09-07 11:16:24 +02:00
parent 98b7850c93
commit a06ef356c9
1 changed files with 19 additions and 0 deletions
--- a/ND_CharacterSelection/source/ui/style.css
+++ b/ND_CharacterSelection/source/ui/style.css
@@ -279,3 +279,22 @@ body {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10vw;
 }
+
+.animated {
+    overflow: hidden;
+}
+.animated > * {
+    display: inline-block;
+    position: relative;
+    animation: 3s linear 0s infinite alternate move;
+}
+@keyframes move {
+    0%, 25% {
+        transform: translateX(0%);
+        left: 0%;
+    }
+    75%, 100% {
+        transform: translateX(-100%);
+        left: 100%;
+    }
+}