html5文字滑动效果

你可以使用CSS3中的动画属性来实现文字滑动效果。以下是一个简单的示例：

HTML代码：

<div class="slider">
  <h1>这是一个文字滑动效果</h1>
</div>

CSS代码：

.slider {
  overflow: hidden;
}

.slider h1 {
  animation: slide 5s linear infinite;
}

@keyframes slide {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

在这个例子中，我们将`div`元素设置为`overflow: hidden`，以便隐藏超出它的部分。我们使用CSS3动画属性`animation`来应用一个名为`slide`的动画，该动画会在5秒钟内从左到右平移文本。`linear`表示动画应该匀速运动。`infinite`表示动画应该无限循环。

在`@keyframes`规则中，我们定义了动画的两个状态。`0%`表示动画开始时的状态，`100%`表示动画结束时的状态。在这个例子中，我们将文本元素向左平移100%的距离，以达到文字滑动的效果。

你可以根据需要调整动画的持续时间和文本元素的样式，以实现不同的滑动效果。