Main Page/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 4: / Line 4: @@
 }
 .text-container {
-    text-align: center;
+     width: 200px;
-     width: 100%;
-    position: relative;
-    height: 50px;
      overflow: hidden;
+    white-space: nowrap;
      margin: 0 auto;
+    position: relative;
 }
@@ Line 15: / Line 14: @@
      display: inline-block;
      width: 200px;
-    height: 100%;
      font-size: 24px;
-     animation: slide 6s infinite;
+     animation: scroll 6s infinite;
 }
-.text:nth-child(2) {
+@keyframes scroll {
-    animation-delay: 2s;
+%, 16.67% {
-}
-.text:nth-child(3) {
-    animation-delay: 4s;
-}
-@keyframes slide {
-%, 33.33% {
-        opacity: 1;
-        transform: translateY(0);
-    }
-.67%, 50% {
-        opacity: 0;
-        transform: translateY(-100%);
-    }
-.33%, 66.67% {
          transform: translateX(0);
      }
-.17%, 37.5%,
+.33%, 50% {
-.5%, 70.83% {
+         transform: translateX(-100%);
-         transform: translateX(-5px);
      }
-.33%, 66.67% {
+.67%, 83.33% {
-         transform: translateX(5px);
+         transform: translateX(-200%);
      }
 }