css 文字滚动

你可以使用 CSS 的动画属性来实现文字滚动效果。以下是一个实现文字向左滚动的示例代码：

<div class="scroll-text">
  <p>This is a scrolling text.</p>
</div>

.scroll-text {
  overflow: hidden; /* 隐藏超出容器的内容 */
  white-space: nowrap; /* 禁止文字换行 */
}

.scroll-text p {
  display: inline-block; /* 让文字以行内块级元素的形式显示 */
  animation: scroll 10s linear infinite; /* 滚动动画，10秒钟循环一次 */
}

@keyframes scroll {
  0% {
    transform: translateX(0); /* 初始位置 */
  }
  100% {
    transform: translateX(-100%); /* 向左滚动至容器的最左侧 */
  }
}

你可以根据需要调整动画的持续时间、动画类型以及滚动方向等参数。