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

@@ Строка 1: / Строка 1: @@
-.ticker {
+.marquee {
-    width: 100%;
+  display: block;
-    overflow: hidden;
+  overflow: hidden;
-    position: relative;
+  white-space: nowrap;
-    white-space: nowrap;
+  width: 100%;
+  padding: 8px 0;
+  box-sizing: border-box;
 }
+.marquee-inner {
-.ticker__track {
+  display: inline-block;
-    display: inline-flex;
+  white-space: nowrap;
-    width: max-content;
+  padding-left: 100%;
-    animation: ticker-scroll 30s linear infinite;
+  animation: marquee 22s linear infinite;
+  color: #eaeaea;
 }
+@keyframes marquee {
-.ticker__track span {
+% { transform: translateX(0); }
-    display: inline-block;
+% { transform: translateX(-100%); }
-    flex-shrink: 0;
-    padding-right: 80px;
-}
-@keyframes ticker-scroll {
-    from {
-        transform: translateX(100%);
-    }
-    to {
-        transform: translateX(-100%);
-    }
 }