Шаблон:Бегущая строка/styles.css: различия между версиями
Материал из Space Station 14 Вики
Aeonorien (обсуждение | вклад) Нет описания правки |
Aeonorien (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
. | .running-text { | ||
width: 100%; | width: 100%; | ||
height: 30px; | |||
overflow: hidden; | overflow: hidden; | ||
position: relative; | position: relative; | ||
| Строка 6: | Строка 7: | ||
} | } | ||
. | .running-text__content { | ||
position: absolute; | |||
left: 100%; | |||
top: 50%; | |||
transform: translateY(-50%); | |||
white-space: nowrap; | |||
animation: running-text-scroll 10s linear infinite; | |||
} | } | ||
@keyframes | @keyframes running-text-scroll { | ||
from { | from { | ||
left: 100%; | |||
} | } | ||
to { | to { | ||
left: -100%; | |||
} | } | ||
} | } | ||
Версия от 16:25, 3 сентября 2026
.running-text {
width: 100%;
height: 30px;
overflow: hidden;
position: relative;
white-space: nowrap;
}
.running-text__content {
position: absolute;
left: 100%;
top: 50%;
transform: translateY(-50%);
white-space: nowrap;
animation: running-text-scroll 10s linear infinite;
}
@keyframes running-text-scroll {
from {
left: 100%;
}
to {
left: -100%;
}
}