顺风中的灯光效果
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/drop-shadow
Use the drop-shadow-{amount} utilities alongside the filter utility to blur an element.
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/drop-shadow
Use the drop-shadow-{amount} utilities alongside the filter utility to blur an element.