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

@@ Строка 1: / Строка 1: @@
 .marquee {
+  display: block;
    overflow: hidden;
-   height: 2.2em;
+   white-space: nowrap;
-  line-height: 2.2em;
-  position: relative;
    width: 100%;
+  padding: 8px 0;
+  box-sizing: border-box;
 }
 .marquee-inner {
-   position: absolute;
+   display: inline-block;
-   width: 100%;
+   white-space: nowrap;
-   animation: vertical-scroll 16s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+   padding-left: 100%;
-}
+   animation: marquee 22s linear infinite;
-.marquee-inner span {
-  display: block;
-   height: 2.2em;
-  line-height: 2.2em;
    color: #eaeaea;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
 }
+@keyframes marquee {
-@keyframes vertical-scroll {
+% { transform: translateX(0); }
-%, 18%   { transform: translateY(0); }
+% { transform: translateX(-100%); }
-%, 40%  { transform: translateY(-2.2em); }
-%, 62%  { transform: translateY(-4.4em); }
-%, 84%  { transform: translateY(-6.6em); }
-%, 100% { transform: translateY(-8.8em); }
 }