Шаблон:Бегущая строка/styles.css: различия между версиями
Материал из Space Station 14 Вики
Aeonorien (обсуждение | вклад) Нет описания правки |
Aeonorien (обсуждение | вклад) Нет описания правки Метка: ручная отмена |
||
| (не показано 7 промежуточных версий этого же участника) | |||
| Строка 1: | Строка 1: | ||
.marquee { | .marquee { | ||
display: block; | |||
overflow: hidden; | overflow: hidden; | ||
white-space: nowrap; | |||
width: 100%; | width: 100%; | ||
padding: 8px 0; | |||
box-sizing: border-box; | |||
} | } | ||
.marquee-inner { | .marquee-inner { | ||
display: inline-block; | |||
white-space: nowrap; | |||
padding-left: 100%; | |||
animation: marquee 22s linear infinite; | |||
color: #eaeaea; | color: #eaeaea; | ||
} | } | ||
@keyframes marquee { | |||
@keyframes | 0% { transform: translateX(0); } | ||
0% | 100% { transform: translateX(-100%); } | ||
} | } | ||
Текущая версия от 16:30, 3 сентября 2026
.marquee {
display: block;
overflow: hidden;
white-space: nowrap;
width: 100%;
padding: 8px 0;
box-sizing: border-box;
}
.marquee-inner {
display: inline-block;
white-space: nowrap;
padding-left: 100%;
animation: marquee 22s linear infinite;
color: #eaeaea;
}
@keyframes marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
