如何在我的 html 代码中添加新闻代码 [重复]答案

【问题标题】：How Do I Add a News Ticker to my html code [duplicate]如何在我的 html 代码中添加新闻代码 [重复]
【发布时间】：2020-10-03 18:32:34
【问题描述】：

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

【问题讨论】：

如果你不想要它像 marquee 那么你想要它怎么做，因为你问的问题可以用 marquee 来完成？
@VishalKamlapure 他在寻求替代方案。他不需要尝试任何东西。在脱口而出之前，请小心你说的话。
要求我们建议、查找或推荐书籍、工具、软件库、插件、教程、解释技术或提供任何其他场外资源的问题对于 Stack Overflow Stack 来说是无关紧要的溢出
新闻收录器是一种 UI 元素，它以非交互方式在小空间内显示大量内容。当您想在单个显示器上向一群人展示信息时，这非常有用，因为他们无法以适合他们的速度单独滚动信息。虽然它有成本，但它的滚动速度并不是为用户量身定制的，当有人开始阅读它时，他们将不得不等待起点再次出现。这是 WWW 上的一个可怕 UI 元素，一个人控制浏览器并且只能使用滚动条。

标签： html css news-ticker

【解决方案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>

【讨论】：