How Do I Add a News Ticker to my html code

Question

yet another question, I've been trying to find html or css code that adds a horizontal and moving news ticker, yet everything that I've found was not helpful. I would prefer anything but the marquee tag

Answer 1

.slideText {
display: block;
width: 500px;
height: 30px;
background: red;
color: #fff;
overflow: hidden;
}
.slidingtext {
padding: 5px;
  animation-name: example;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  transition: all 300ms ease;
}

@keyframes example {
  from {transform: matrix(1, 0, 0, 1, 500, 5)}
  to {transform: matrix(1, 0, 0, 1, -344, 5)}
}

<div class="slideText">
<div class="slidingtext">Lorem ipsum dolor sit amet.</div>
</div>