Шаблон:Бегущая строка/styles.css: различия между версиями

@@ Строка 1: / Строка 1: @@
-.running-text {
+.marquee {
-    width: 100%;
+  display: block;
-    height: 30px;
+  overflow: hidden;
-    overflow: hidden;
+  white-space: nowrap;
-    position: relative;
+  width: 100%;
-    white-space: nowrap;
+  padding: 8px 0;
+  box-sizing: border-box;
 }
+.marquee-inner {
-.running-text__content {
+  display: inline-block;
-    position: absolute;
+  white-space: nowrap;
-    left: 100%;
+  padding-left: 100%;
-    top: 50%;
+  animation: marquee 22s linear infinite;
-    transform: translateY(-50%);
+  color: #eaeaea;
-    white-space: nowrap;
-    animation: running-text-scroll 10s linear infinite;
 }
+@keyframes marquee {
-@keyframes running-text-scroll {
+% { transform: translateX(0); }
-    from {
+% { transform: translateX(-100%); }
-        left: 100%;
-    }
-    to {
-        left: -100%;
-    }
 }