使用css3实现文字抖动的效果

要使用CSS3实现文字抖动的效果，你可以使用@keyframes规则来定义动画。下面是一个简单的示例，展示了如何使用CSS3实现文字抖动的效果：

HTML:

<div class="shaky-text">这是一段抖动的文字</div>

CSS:

.shaky-text {
  animation: shake 0.5s infinite;
  /* 你可以根据需要调整动画的持续时间和迭代次数 */
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
}

在上面的示例中，我们创建了一个名为shake的关键帧动画。动画开始时（0%）和结束时（100%），文本的横向位置保持不变（translateX(0)）。在动画的25%时间点，文本向左移动5像素（translateX(-5px)），在75%时间点，文本向右移动5像素（translateX(5px)）。这样，文本就会在水平方向上快速抖动。

你可以根据需要调整动画的持续时间（例如，将0.5s改为1s以使动画更慢）和迭代次数（例如，将infinite改为5以使动画重复5次后停止）。同时，你也可以调整文本在抖动过程中的移动距离，以达到你想要的效果。