文本移动效果从下到上滚动

.text-container {
  overflow: hidden; /* 隐藏超出容器范围的内容 */
  height: 200px; /* 设置容器高度 */
}

.text-container p {
  margin: 0; /* 去除段落的默认边距 */
  animation: scroll-up 10s linear infinite; /* 应用动画效果 */
}

@keyframes scroll-up {
  0% {
    transform: translateY(100%); /* 初始位置在容器底部 */
  }
  100% {
    transform: translateY(-100%); /* 结束位置在容器顶部 */
  }
}

<div class="text-container">
  <p>这里是滚动的文本内容。</p>
</div>