颤动文本字段下一行

在某些情况下，我们希望使一个文本字段下一行颤动以引起用户的注意。这种效果可以通过CSS的animation属性来实现。下面是一个示例代码：

.shake {
  animation: shake 0.5s;
}

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

上面的代码定义了一个shake动画，它会让元素沿着X轴来回晃动。接下来，我们可以将这个动画应用到我们的文本字段上：

<input type="text" class="shake" placeholder="请输入内容">

这样，当用户点击输入框时，它就会开始颤动。这个效果可以吸引用户的注意力，提高用户体验。

需要注意的是，动画效果需要消耗一定的性能，因此在某些场景下，我们不应该滥用动画效果。我们可以根据具体场景来决定是否使用动画效果。