Как создать бегущую строку из шапки сайта?

Question

[rat_fucker]

У меня на сайте есть шапка, в которой располагается меню. Я хотел превратить меню в бегущую строку через этот код:

@keyframes scroll {0% {transform: translate(0, 0)} 100% {transform: translate(-100%, 0)}}

    .top_menu_link_container{
    padding-left: 100%;
    animation: scroll 15s infinite linear}

    .top_menu {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;}

Однако ссылки встали в столбец вместо того, чтобы идти друг за другом. Добавление
display: flex; flex-flow: row nowrap; в .top_menu частично решает проблему: столбец исчезает, однако в бегущей строке находится только одна ссылка. Как можно исправить это через css?

Answer 1

[lUser L]

https://codepen.io/5h4dy_s/pen/abNNpeG

Comments

[rat_fucker]

Спасибо. Осталось понять, как включить прокрутку. В плане, ссылки не входят-выходят полностью

[lUser L]

rat_fucker, это другой вопрос, закрой тему если этот вопрос решен