css - 使用普通的 Tailwind CSS 悬停时可以有圆形阴影吗？

Question

我最近开始学习 Tailwind CSS，因为基于对就业市场的一些研究，我觉得这对我所在的领域来说是一项很好的适销对路的技能。

无论如何，我目前正在制作一个网站，我试图限制自己编写任何其他 CSS 类，除了 Tailwind 给我的那些（为了让自己熟悉某些问题的“Tailwind 解决方案”）。但是，由于特定的“问题”，我有点陷入死胡同。

我有几个圆形“按钮”（它们是精确的图像，但它们有一个“onClick”操作）。我不想让用户偶然发现此按钮的存在，而是想为按钮添加悬停效果，以便当指针悬停在图像顶部时，图像周围会出现阴影。

我只尝试了简单的hover: shadow-sm类，但我有点期望这不起作用，因为它在 Tailwind Docs 中被标记为“box-shadow”。但是，我找不到其他可以应用于我的案例的东西。

任何帮助，将不胜感激。

先感谢您。

标签： csstailwind-css

Answer 1

我玩弄定位并在悬停时创建了这个阴影。

查看并让我在下面的评论中发布。