From a06ef356c95ce35c8e8ef19b00611ba8a6d0ebc9 Mon Sep 17 00:00:00 2001 From: Andyyy7666 <86536434+Andyyy7666@users.noreply.github.com> Date: Wed, 7 Sep 2022 11:16:24 +0200 Subject: [PATCH] feat(ui): added animation to overflowing text --- ND_CharacterSelection/source/ui/style.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/ND_CharacterSelection/source/ui/style.css b/ND_CharacterSelection/source/ui/style.css index c4bd20e..6e877dd 100644 --- 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%; + } +}