diff --git a/index.html b/index.html index dea0969..98968dd 100644 --- a/index.html +++ b/index.html @@ -81,24 +81,24 @@ color: #555; } .Text { - display: inline-block; - animation: scrollText 10s linear infinite; - } + display: inline-block; + white-space: nowrap; /* Ensures text stays in a single line */ + overflow: hidden; /* Hides overflow text */ + animation: scrollText 10s linear infinite; +} + +@keyframes scrollText { + 0% { + transform: translateX(100%); /* Start outside from the right */ + } + 50% { + transform: translateX(-100%); /* Halfway, text moves to the left */ + } + 100% { + transform: translateX(0%); /* End at the left side */ + } +} - @keyframes scrollText { - 0% { - transform: translateX(200%); /* Start outside from the right */ - } - 50% { - transform: translateX(0); /* End at the left side */ - } - 50.1% { - transform: translateX(-200%); /* Jump back to start outside from the left */ - } - 100% { - transform: translateX(0%); /* End at the right side */ - } - } .spinner { border: 4px solid rgba(0, 0, 0, 0.1); border-left-color: #333;