M
M
Maxim2021-06-17 23:48:09
css
Maxim, 2021-06-17 23:48:09

How to make a continuous running line?

there is a block

.history-content__marquee {
  width: 100%;
  font-size: 3.375rem;
  line-height: 4.375rem;
}

.node-marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  height: 100px;
  &__el {
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
  }
}

<div class="history-content__marquee">
  <div class="marquee node-marquee">
    <div class="node-marquee__el">девяностые 90-е —</div>
    <div class="node-marquee__el">&nbsp;девяностые 90-е —</div>
    <div class="node-marquee__el">&nbsp;девяностые 90-е —</div>
    <div class="node-marquee__el">&nbsp;девяностые 90-е —</div>
  </div>
</div>


how to make it constantly running like here?

60cbb4eb81da9088214538.png

Answer the question

In order to leave comments, you need to log in

1 answer(s)
D
Denis Ineshin, 2021-06-17
@Aslero

https://ourcodeworld.com/articles/read/490/top-5-b...

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question