html - 如何在我的 html 代码中添加新闻代码

Question

还有一个问题，我一直在尝试找到添加水平和移动新闻自动收报机的 html 或 css 代码，但我发现的所有内容都没有帮助。除了选框标签，我更喜欢任何东西

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>