顺风中的灯光效果

The light effect in tailwind

tailwind中的光效如何实现?需要图标发光。

示例(观看第一个图标):

enter image description here

试图通过 "box-shadow" 将阴影的颜色更改为白色来实现。效果不像我想要的那样:在图标的边框上形成了阴影。

目前通过css实现:

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

顺风这可能吗?

如果您想以 tailwind 方式使用默认配置是不可能的,您需要扩展主题并添加您的影子。

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

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

Use the drop-shadow-{amount} utilities alongside the filter utility to blur an element.