你能用普通的 Tailwind CSS 在悬停时有圆形阴影吗?
Can you have circle shadows on hover with plain Tailwind CSS?
我最近开始学习 Tailwind CSS,因为根据对就业市场的一些研究,我觉得这对我的领域来说是一项很好的适销对路的技能。
无论如何,我目前正在制作一个网站,我试图限制自己写任何其他 CSS classes 除了 Tailwind 给我的那些(为了熟悉我自己对某些问题的“顺风解决方案”)。然而,我有点 运行 陷入了一个特定“问题”的死胡同。
我有几个圆形“按钮”(准确地说,它们是图像,但它们有一个“onClick”动作)。我不想让用户偶然发现这个按钮的存在,而是想为按钮添加悬停效果,以便当指针悬停在图像顶部时图像周围会出现阴影。
我只尝试了直截了当的 hover: shadow-sm
class 但我预计这不会起作用,因为这在 Tailwind 文档中被标记为“盒子阴影”。但是我找不到任何其他可以应用于我的案例的东西。
如有任何帮助,我们将不胜感激。
提前致谢。
我尝试定位并创建了这个 shadow on hover。
查看并在下面的评论中告诉我。
我最近开始学习 Tailwind CSS,因为根据对就业市场的一些研究,我觉得这对我的领域来说是一项很好的适销对路的技能。
无论如何,我目前正在制作一个网站,我试图限制自己写任何其他 CSS classes 除了 Tailwind 给我的那些(为了熟悉我自己对某些问题的“顺风解决方案”)。然而,我有点 运行 陷入了一个特定“问题”的死胡同。
我有几个圆形“按钮”(准确地说,它们是图像,但它们有一个“onClick”动作)。我不想让用户偶然发现这个按钮的存在,而是想为按钮添加悬停效果,以便当指针悬停在图像顶部时图像周围会出现阴影。
我只尝试了直截了当的 hover: shadow-sm
class 但我预计这不会起作用,因为这在 Tailwind 文档中被标记为“盒子阴影”。但是我找不到任何其他可以应用于我的案例的东西。
如有任何帮助,我们将不胜感激。
提前致谢。
我尝试定位并创建了这个 shadow on hover。
查看并在下面的评论中告诉我。