The light effect in tailwind

Question

How to implement the light effect in tailwind? Need the icon to shine.

Example (watch first icon):

enter image description here

Tried to make it through "box-shadow" changing the color of the shadow to white. The effect is not like i wanted: a shadow is formed on the borders of the icon.

Currently implemented via css:

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

Is this possible in tailwind ?

Answer 1

For anyone want just quick copy here is add this to tailwind config

-> https://tailwindcss.com/docs/theme

extend: {
  dropShadow: {
    glow: [
      "0 0px 20px rgba(255,255, 255, 0.35)",
      "0 0px 65px rgba(255, 255,255, 0.2)"
    ]
  }
}