顺风的灯光效果

Question

如何实现顺风的灯光效果？需要图标发光。

示例（观看第一个图标）：

enter image description here

试图通过“box-shadow”将阴影的颜色更改为白色。效果不是我想要的：在图标的边框上形成了一个阴影。

目前通过css实现：

.box-shadow-hover:hover {
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.50));
 }

顺风有可能吗？

Answer 1

如果您想以tailwind 方式执行此操作，则默认配置是不可能的，您需要扩展主题添加阴影。

https://tailwindcss.com/docs/box-shadow/#box-shadows

Answer 2

您现在可以使用https://tailwindcss.com/docs/drop-shadow

使用 drop-shadow-{amount} 实用程序和 filter 实用程序来模糊元素。