tailwindcss 如何做出hover 时变大且震颤几下的效果

要在 Tailwind CSS 中实现 hover 时变大且震颤几下的效果，你可以使用以下步骤：

1. 在你的 HTML 元素上添加 Tailwind CSS 的类名，例如 hover:scale-105。这将在鼠标悬停时将元素的大小缩放到 105%。
2. 使用动画类名 hover:animate-shake 来为元素添加震颤效果。你可以在 Tailwind CSS 的配置文件中自定义这个动画效果，或者使用默认的 animate-shake 类名。

以下是一个示例代码，展示了如何在 hover 时实现变大和震颤效果：

<div class="inline-block p-4 bg-blue-500 hover:scale-105 hover:animate-shake">
  Hover me
</div>

这个示例会在鼠标悬停在元素上时，将元素的大小放大到 105% 并且震颤几下。

请注意，为了让动画效果生效，你需要确保你的项目中已经包含了 Tailwind CSS 的动画插件。你可以通过在 Tailwind CSS 的配置文件中启用 animate 插件来实现，具体的步骤可以参考 Tailwind CSS 的文档